uniapp从底部向上弹出操作菜单

效果：

从底部向上弹出操作菜单

 

feek.vue:    

         
           
 

script:

methods: {
            // 点击弹出上传类型
            chooseVideoImage() {
                uni.showActionSheet({
                    title: "选择上传类型",
                    itemList: ['视频拍摄', '拍摄照片', '从手机相册选择', '微信会话选取'],
                    success: (res) => {
                        console.log(res.tapIndex)
                        if (res.tapIndex == 0) {
                            this.chooseVideo()//视频拍摄的方法

                        } else if (res.tapindex == 1) {
                            this.chooseImages() //照片拍摄的方法
                        } else if (res.tapindex == 2) {
                            this.PhonealbumSelect() //从手机相册选择的方法
                        } else if (res.tapindex == 3) {
                            this.PhonealbumSelect() //微信会话选取的方法
                        }
                    }
                })
            },

}