從底部彈起的滾動選擇器,現支援五種選擇器,通過mode來區分,分別是普通選擇器,多列選擇器,時間選擇器,日期選擇器,省市區選擇器,預設是普通選擇器。
這有哪五種呢,這包括了:普通選擇器:mode = selector、多列選擇器:mode = multiselector、時間選擇器:mode = time、日期選擇器:mode = date、省市區選擇器:mode = region。具體的內容點這裡
這裡提一嘴,除了第乙個普通選擇器可以不用寫明mode=selector外,其他四個均要在元素中寫明mode的型別,例如
indicator-style
string
設定選擇器中間選中框的樣式
indicator-class
string
設定選擇器中間選中框的類名
mask-style
string
設定蒙層的樣式
mask-class
string
設定蒙層的類名
區別
回到主題吧。我這頁面的需求是做乙個選擇器,我這次選用picker來寫。下圖是ui設計的樣子,我要在原先的搜尋框旁新增這個定位選擇器。
下面的**僅供參考,沒有實際功能作用,這個是我特意寫成靜態效果的**,不涉及到資料繫結,所以沒寫js**。
aa.wxml
全國
然後是 aa.wxss
(微信小程式)一 初識微信小程式
需要看的 先是檔案目錄 一 pages 他存放於多個頁面 如 index log頁面。可以把他裡面的每個資料夾看成乙個整體。這個整體存放著 html css 和 資料 1 index資料夾 存放的index頁面的目錄。2 index.js 他可以處理得到 ajax 或自定義定義的資料。把得到的值封裝...
微信小程式 select 下拉框元件
一 原始碼位址 二 效果圖 三 元件原始碼 1.select.wxml view class select box view class select current catchtap openclose text class current name text view view class op...
微信小程式
2.單獨設定某一頁面下的頂部欄的背景顏色,在其對應的.json檔案下修改即可 3.this.setdata 注意 onload函式下面執行的是非同步操作,非同步操作裡面this.data.直接賦值,是無效的,必須使用this.setdata this.setdata msg he llo wor l...