今天主要是簡(jiǎn)單的講一下小程序當(dāng)中的一些組件，微信文檔上也是有的。但我還是堅(jiān)持寫(xiě)一下，因?yàn)閷?xiě)博客可以再一次得到提高，印象更深刻，雖然很簡(jiǎn)單，但貴在堅(jiān)持。

先來(lái)看看效果圖：

image

1：進(jìn)度條（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:是否顯示百分比

進(jìn)度條的顏色，加載完成的顏色和未完成的顏色都是可以自定義的。

2：滑動(dòng)選擇器（slider）

<view>
  <slider bindchange='sliderChang1' step='5' show-value='true'></slider>
</view>

bindchang：完成拖動(dòng)后觸發(fā)的事件

step：間隔 取值必須大于0 ；

show-value:是否顯示當(dāng)前的value

3：開(kāi)關(guān)選擇器（switch）

<view>Switch</view>
<view class="switch_cm">
   <text>聲音是否開(kāi)啟</text>
   <switch class='switch_meld' checked='true' bindchange='switchChange'></switch>
</view>

4：開(kāi)關(guān)選擇器（radio）單選按鈕

<view>radio</view>
<view>
  <radio-group>
      <radio class='boy' checked='true'>男</radio>
      <radio class='girl'>女</radio>
  </radio-group>
</view>

和Html中的相同

5：復(fù)選框（Checkbox）

<view>Checkbox</view>
<checkbox-group>
    <checkbox>選項(xiàng)1</checkbox>
    <checkbox>選項(xiàng)2</checkbox>
</checkbox-group>