《微信小程序開發(fā)從入門到實戰(zhàn)》學(xué)習(xí)九十八

7.3 表單組件

7.3.1 picke-view與picker-view-column組件

代碼的顯示效果如下:


7.3.2?slider組件

slider上滑動選擇器組件,使用該組件可以讓用戶通過滑動滑塊的方式設(shè)置數(shù)值大小。該組件支持屬性如下:

屬性????類型????默認值????????說明????????最低版本

min:number,0,? ? ? ? ? ?最小值,1.0.0

max:number,100,? ? ? 最大值,1.0.0

step:number,1,? ? ? ? ? 步長,取值必須大于0,并且可被(min-max)整除,1.0.0

disabled:boolean,false,是否禁用,1.0.0

value:number,0,????????當前取值,1.0.0

activeColor:color,#1aad19,已選擇的顏色,1.0.0

backgroudColor:color,#e9e9e9,背景條的顏色,1.0.0

block-size:number,28,滑塊的大小,取值范圍12~28,1.9.0

block-color:color,#ffffff,滑塊的顏色,1.9.0

show-value:boolean,false,是否顯示當前value,1.0.0

bindchange:eventhandle,,完成一次拖動后觸發(fā)的事件,event.detail={value},1.0.0

bindchanging:eventhandle,,拖動過程中觸發(fā)的事件,event.detail={value},1.7.0

使用slider組件的示例代碼如下:

<slider?bindchange="onSliderChange"?show-value></slider>

顯示效果如下:


7.4 視頻組件?

在小程序中播放視頻,會用到小程序的視頻(video)組件。

7.4.1 video組件

? video組件在頁面中顯示為一個視頻播放器,可播放網(wǎng)絡(luò)視頻。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容