微信小程序------基本组件
Posted 切切歆语
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序------基本组件相关的知识,希望对你有一定的参考价值。
今天主要是简单的讲一下小程序当中的一些组件,微信文档上也是有的。但我还是坚持写一下,因为写博客可以再一次得到提高,印象更深刻,虽然很简单,但贵在坚持。
先来看看效果图:
1:进度条(progress)
<progress percent=\'25\' show-info=\'true\'></progress> <progress percent=\'35\' stroke-width=\'12\' active=\'true\'></progress> <progress percent=\'55\' color=\'green\' backgroundColor=\'red\'></progress>
percent:百分比(0-100)
show-info:是否显示百分比
进度条的颜色,加载完成的颜色和未完成的颜色都是可以自定义的。
2:滑动选择器(slider)
<view> <slider bindchange=\'sliderChang1\' step=\'5\' show-value=\'true\'></slider> </view>
bindchang:完成拖动后触发的事件
step:间隔 取值必须大于0 ;
show-value:是否显示当前的value
3:开关选择器(switch)
<view>Switch</view> <view class="switch_cm"> <text>声音是否开启</text> <switch class=\'switch_meld\' checked=\'true\' bindchange=\'switchChange\'></switch> </view>
4:开关选择器(radio)单选按钮
<view>radio</view> <view> <radio-group> <radio class=\'boy\' checked=\'true\'>男</radio> <radio class=\'girl\'>女</radio> </radio-group> </view>
和html中的相同
5:复选框(Checkbox)
<view>Checkbox</view> <checkbox-group> <checkbox>选项1</checkbox> <checkbox>选项2</checkbox> </checkbox-group>
以上是关于微信小程序------基本组件的主要内容,如果未能解决你的问题,请参考以下文章