今天主要是简单的讲一下小程序当中的一些组件，微信文档上也是有的。但我还是坚持写一下，因为写博客可以再一次得到提高，印象更深刻，虽然很简单，但贵在坚持。
先来看看效果图：
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中的相同
<view>Checkbox</view> <checkbox-group> <checkbox>选项1</checkbox> <checkbox>选项2</checkbox> </checkbox-group>
原文：http://www.cnblogs.com/zhangqie/p/7517595.html