小程式開發之 表單元件（picker）

參考：picker (

, onshow:

function()

, onhide:

function()

, globaldata:})

,"style"

:"v2"
,"sitemaplocation"
:"sitemap.json"
}

page(,

,,],
index:0,
multiarray:[[
'無脊柱動物'
,'脊柱動物'],
['扁性動物'
,'線形動物'
,'環節動物'
,'軟體動物'
,'節肢動物'],
['豬肉絛蟲'
,'吸血蟲']]
,    objectmultiarray:[[
,],[
,,,,
],[,
]],    multiindex:[0
,0,0
],date:
'2016-09-01'
,    time:
'12:01'
,    region:
['廣東省'
,'廣州市'
,'海珠區'],
customitem:
'全部'},
bindpickerchange:
function
(e))},
bindmultipickerchange:
function
(e))},
bindmultipickercolumnchange:
function
(e);
data.multiindex[e.detail.column]
= e.detail.value;
switch
(e.detail.column)
data.multiindex[1]
=0;        data.multiindex[2]
=0;break
;case1:
switch
(data.multiindex[0]
)break
;case1:
switch
(data.multiindex[1]
)break;}
data.multiindex[2]
=0;        console.
log(data.multiindex)
;break;}
this
.setdata
(data);}
,  binddatechange:
function
(e))},
bindtimechange:
function
(e))},
bindregionchange:
function
(e))}}
)

="section"

>
="section__title"
>普通選擇器<
/view>
"bindpickerchange" value=
"}" range=
"}">
="picker"
>
當前選擇：
}<
/view>
<
/picker>
<
/view>
="section"
>
="section__title"
>多列選擇器<
/view>
"multiselector" bindchange=
"bindmultipickerchange" bindcolumnchange=
"bindmultipickercolumnchange" value=
"}"        range=
"}">
="picker"
>
當前選擇：
}，}，
}<
/view>
<
/picker>
<
/view>
="section"
>
="section__title"
>時間選擇器<
/view>
"time" value=
"}" start=
"09:01" end=
"21:01" bindchange=
"bindtimechange"
>
="picker"
>
當前選擇:
}<
/view>
<
/picker>
<
/view>
="section"
>
="section__title"
>日期選擇器<
/view>
"date" value=
"}" start=
"2015-09-01" end=
"2017-09-01" bindchange=
"binddatechange"
>
="picker"
>
當前選擇:
}<
/view>
<
/picker>
<
/view>
="section"
>
="section__title"
>省市區選擇器<
/view>
"region" bindchange=
"bindregionchange" value=
"}" custom-item=
"}">
="picker"
>
當前選擇：
}，}，
}<
/view>
<
/picker>
<
/view>

@import

"../../common/lib/weui.wxss"
;.picker

小程式開發之元件audio（音訊）

音訊。注意 1.6.0 版本開始，該元件不再維護。建議使用能力更強的 wx.createinneraudiocontext 介面 例如 效果展示 index.wxml audio音訊 進度暫停 index.wxss audio title audio slider button index.js p...

小程式開發之元件的使用

在小程式開發的第30天，整個版本的專案可以說是差不多手工，但是總體的專案大小已經非常接近限度，所以說專案的優化勢在必行，所以我給大家分享關於我在專案實戰中總結的小程式元件的使用 因為在很多頁面都需要這樣的乙個切換，底部彈框效果，所以說我們需要進行乙個封裝。這裡大家跟緊我 第一步 先建立compone...

小程式之基礎元件

小程式提供了常用的標籤元件用於構建頁面 官網元件鏈結 類似 div 屬性名 型別預設值 說明hover class string none 指定按下去的樣式類。當hover class none 時，沒有點選態效果 點選我試試 h class顯示普通的文字 text只能巢狀text 屬性名 型別預設...