支付寶小程序擴(kuò)展表單 開關(guān)·Am-switch

開關(guān)。具體用法和小程序框架中 switch 保持一致，在 switch 基礎(chǔ)上做了樣式的封裝。

說明：iOS 和安卓展現(xiàn)樣式有所差異。iOS 單選開關(guān)為圓形；安卓單選開關(guān)為方形。

掃碼體驗(yàn)

示例代碼

{
 "defaultTitle": "am-switch",
 "usingComponents": {
   "am-switch": "mini-ali-ui/es/am-switch/index"
 }
}

<view class="page">
 <view class="page-description">開關(guān)</view>
 <view class="page-section">
   <view class="page-section-demo switch-list">
     <view class="switch-item">
       <am-switch checked onChange="switch1Change"/>
     </view>
     <view class="switch-item">
       <am-switch color="red" checked />
     </view>
   </view>
 </view>
</view>
Page({
 switch1Change(e) {
   console.log('switch1 發(fā)生 change 事件，攜帶值為', e.detail.value);
 },
});

屬性