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

先來看看效果圖：

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

先來看看效果圖：

 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:是否顯示百分比 
進度條的顔色，加載完成的顔色和(hé)未完成的顔色都是可(kě)以自定義的。 
2：滑動(dòng)選擇器(qì)（slider）

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

bindchang：完成拖動(dòng)後觸發的事件 
step：間隔 取值必須大于0 ； 
show-value:是否顯示當前的value 
3：開關(guān)選擇器(qì)（switch）

<view>Switchview>  
<view class="switch_cm">  
   <text>聲音是否開啟text>  
   <switch class='switch_meld' checked='true' bindchange='switchChange'>switch>  
view>  

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

<view>radioview>  
<view>  
  <radio-group>  
      <radio class='boy' checked='true'>男(nán)radio>  
      <radio class='girl'>女radio>  
  radio-group>  
view>  

和(hé)Html中(zhōng)的相同 
5：複選框（Checkbox）

<view>Checkboxview>  
<checkbox-group>  
    <checkbox>選項1checkbox>  
    <checkbox>選項2checkbox>  
checkbox-group>