成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

小程序根據(jù)索引滾動指定的位置

mating / 1465人閱讀

摘要:完成的效果大概是這樣的實現(xiàn)需要組件屬性需要的數(shù)據(jù)簡要邏輯說明根據(jù)數(shù)據(jù)循環(huán)出對應(yīng)的索引和數(shù)據(jù),左側(cè)字母索引懸浮,右側(cè)數(shù)據(jù)順序展示右側(cè)數(shù)據(jù)每個的對應(yīng)左側(cè)的字母索引不能以數(shù)字開頭點擊左側(cè)字母通過改變的值就完成了。

完成的效果大概是這樣的

實現(xiàn)需要組件

scroll-view

scroll-view 屬性 scroll-into-view

需要的數(shù)據(jù)

簡要邏輯說明

根據(jù)數(shù)據(jù)循環(huán)出對應(yīng)的索引和數(shù)據(jù),左側(cè)字母索引懸浮,右側(cè)數(shù)據(jù)順序展示

右側(cè)數(shù)據(jù)每個view的id對應(yīng)左側(cè)的字母索引【id不能以數(shù)字開頭】

點擊左側(cè)字母通過改變scroll-into-view的值就完成了。

代碼片段

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/95929.html

相關(guān)文章

  • 從入門到上線一個天氣程序

    摘要:天氣預(yù)報小程序說了很多小程序開發(fā)的基礎(chǔ)準(zhǔn)備,下面就結(jié)合個人實際練手項目天氣預(yù)報小程序簡單說明。物料準(zhǔn)備從需求結(jié)果導(dǎo)向,天氣程序首先要能獲取到當(dāng)前所在地天氣狀況,再次可以自由選擇某地,知道其天氣狀況。 前言 學(xué)習(xí)了一段時間小程序,大致過了兩遍開發(fā)文檔,抽空做個自己的天氣預(yù)報小程序,全當(dāng)是練手,在這記錄下。小程序開發(fā)的安裝、注冊和接入等流程就不羅列了,在小程序接入指南已經(jīng)寫得很清楚了,以下...

    Anshiii 評論0 收藏0
  • 編寫chameleon跨端組件正確姿勢(下篇)

    摘要:在編寫跨端組件的正確姿勢上篇中,我們介紹了如何使用第三方庫封裝跨端組件,但是絕大多數(shù)組件并不需要那樣差異化實現(xiàn),絕大多數(shù)情況下我們推薦使用語法統(tǒng)一實現(xiàn)跨端組件。 在chameleon項目中我們實現(xiàn)一個跨端組件一般有兩種思路:使用第三方組件封裝與基于chameleon語法統(tǒng)一實現(xiàn)。在《編寫chameleon跨端組件的正確姿勢(上篇)》中, 我們介紹了如何使用第三方庫封裝跨端組件,但是絕大...

    xiongzenghui 評論0 收藏0
  • 一步一步實現(xiàn)字母索引導(dǎo)航欄

    摘要:第步實現(xiàn)內(nèi)容列表跳轉(zhuǎn)至索引字符到這里其實索引導(dǎo)航欄組件的開發(fā)已經(jīng)結(jié)束,不過畢竟看不到效果嘛,所以就實現(xiàn)了簡單的內(nèi)容列表組件,從而可以對導(dǎo)航欄組件進(jìn)行測試。 先來看下實現(xiàn)后的效果: showImg(https://segmentfault.com/img/remote/1460000007686588?w=277&h=487); 鏈接:在線DEMO,源代碼 這個索引導(dǎo)航欄的效果在很多 A...

    W_BinaryTree 評論0 收藏0
  • 微信程序picker組件遇到問題與解決方案

    摘要:幾個主要屬性選取范圍,數(shù)據(jù)類型為,為普通選擇器時,有效的值表示選擇了中的第幾個下標(biāo)從開始,數(shù)據(jù)類型肯定是綁定事件,改變時觸發(fā)事件,。代碼如下選項一選項二選項三一二三四五這樣,一個頁面使用多個的問題就解決了。但在發(fā)現(xiàn)小一個問題。 一、picker基本概念 當(dāng)然先看官方文檔 picker說明搞清楚基本概念從底部彈起的滾動選擇器,現(xiàn)支持三種選擇器,通過mode來區(qū)分,分別是普通選擇器,時間選...

    tulayang 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<