效果圖

wxml程式碼

<view class="page">

  <view class="page__hd">

    <view class="page__title">ActionSheet</view>

    <view class="page__desc">彈出式選單，採用小程式原生的actionsheet</view>

  </view>

  <view class="page__bd">

    <view class="weui-btn-area">

      <button type="default" bindtap="open">ActionSheet</button>

    </view>

  </view>

</view>
 

js程式碼

 open: function () {

    wx.showActionSheet({

      itemList: ['A', 'B', 'C'],

      success: function (res) {

        if (!res.cancel) {

          console.log(res.tapIndex)

        }

      }

    });

  },

歡迎大家學習我的視訊教程：微信小程式-WeUI介面佈局設計入門到精通