小程序----底部弹出框

方法一

弹出

var items = ['item1', 'item2', 'item3']
Page({

  /**
   * 页面的初始数据
   */
  data: {
    actionSheetHidden:false,
    actionSheetItems:items
  },
  changeTap:function(){
    this.setData({
      actionSheetHidden: !this.data.actionSheetHidden
    })
  },
  actionSheetTap:function(){
    this.setData({
      actionSheetHidden: !this.data.actionSheetHidden
    })
  },
  clickitem1:function(){
    console.log("item1");
  },
  clickitem2: function () {
    console.log("item2");
  },
  clickitem3: function () {
    console.log("item3");
  },

 

方法2：半自动化

弹出

 buttonclick:function(){
    wx:wx.showActionSheet({
      itemList: ['item1','item2','item3'],
      itemColor: '',
      success: function(res) {
        if(!res.cancel){
          console.log(res.tapIndex);
        }
      },
      fail: function(res) {},
      complete: function(res) {},
    })
  },