摘要:完成的效果大概是這樣的實現需要組件屬性需要的數據簡要邏輯說明根據數據循環出對應的索引和數據,左側字母索引懸浮,右側數據順序展示右側數據每個的對應左側的字母索引不能以數字開頭點擊左側字母通過改變的值就完成了。
完成的效果大概是這樣的
實現需要組件
scroll-view
scroll-view 屬性 scroll-into-view
需要的數據
簡要邏輯說明
根據數據循環出對應的索引和數據,左側字母索引懸浮,右側數據順序展示
右側數據每個view的id對應左側的字母索引【id不能以數字開頭】
點擊左側字母通過改變scroll-into-view的值就完成了。
代碼片段
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/95929.html
摘要:天氣預報小程序說了很多小程序開發的基礎準備,下面就結合個人實際練手項目天氣預報小程序簡單說明。物料準備從需求結果導向,天氣程序首先要能獲取到當前所在地天氣狀況,再次可以自由選擇某地,知道其天氣狀況。 前言 學習了一段時間小程序,大致過了兩遍開發文檔,抽空做個自己的天氣預報小程序,全當是練手,在這記錄下。小程序開發的安裝、注冊和接入等流程就不羅列了,在小程序接入指南已經寫得很清楚了,以下...
摘要:在編寫跨端組件的正確姿勢上篇中,我們介紹了如何使用第三方庫封裝跨端組件,但是絕大多數組件并不需要那樣差異化實現,絕大多數情況下我們推薦使用語法統一實現跨端組件。 在chameleon項目中我們實現一個跨端組件一般有兩種思路:使用第三方組件封裝與基于chameleon語法統一實現。在《編寫chameleon跨端組件的正確姿勢(上篇)》中, 我們介紹了如何使用第三方庫封裝跨端組件,但是絕大...
摘要:第步實現內容列表跳轉至索引字符到這里其實索引導航欄組件的開發已經結束,不過畢竟看不到效果嘛,所以就實現了簡單的內容列表組件,從而可以對導航欄組件進行測試。 先來看下實現后的效果: showImg(https://segmentfault.com/img/remote/1460000007686588?w=277&h=487); 鏈接:在線DEMO,源代碼 這個索引導航欄的效果在很多 A...
摘要:幾個主要屬性選取范圍,數據類型為,為普通選擇器時,有效的值表示選擇了中的第幾個下標從開始,數據類型肯定是綁定事件,改變時觸發事件,。代碼如下選項一選項二選項三一二三四五這樣,一個頁面使用多個的問題就解決了。但在發現小一個問題。 一、picker基本概念 當然先看官方文檔 picker說明搞清楚基本概念從底部彈起的滾動選擇器,現支持三種選擇器,通過mode來區分,分別是普通選擇器,時間選...
閱讀 704·2021-11-15 11:37
閱讀 3322·2021-10-27 14:14
閱讀 6100·2021-09-13 10:30
閱讀 2968·2021-09-04 16:48
閱讀 1935·2021-08-18 10:22
閱讀 2135·2019-08-30 14:19
閱讀 737·2019-08-30 10:54
閱讀 1754·2019-08-29 18:40