实现底部的弹出框（官方API实现Android的在屏幕中间）

布局

<button bindtap='actionSheetTap'>Sheet</button>
<action-sheet hidden="{{actionSheetHidden}}" bindchange="actionSheetChange">
<block wx:for-items="{{actionSheetItems}}" wx:key="{{actionSheetItems}}">
<action-sheet-item class="item" bindtap="bindItemTap" data-index="{{index}}" data-name="{{item}}">{{item}}</action-sheet-item>
</block>
<action-sheet-cancel class="cancel">取消</action-sheet-cancel>
</action-sheet>

js

Page({
data: {
actionSheetHidden: true,
actionSheetItems: ["1", "2"]
},

/**
* 点击弹出窗口
*/
actionSheetTap: function () {
this.setData({
actionSheetHidden: !this.data.actionSheetHidden
});
},

actionSheetChange: function (e) {
this.setData({
actionSheetHidden: !this.data.actionSheetHidden
});
},

bindItemTap: function (e) {
console.log(e.currentTarget.dataset.index);
if (e.currentTarget.dataset.index==0){
wx.scanCode({
success: (res) =>{
console.log(res.result);

}
})
}
},
})