国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

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

mating / 1458人閱讀

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

完成的效果大概是這樣的

實(shí)現(xiàn)需要組件

scroll-view

scroll-view 屬性 scroll-into-view

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

簡(jiǎn)要邏輯說明

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

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

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

代碼片段

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

轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/95929.html

相關(guān)文章

  • 從入門到上線一個(gè)天氣程序

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

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

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

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

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

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

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

    tulayang 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<