(十) 源生分享(ActionSheet)

本节知识点

  • 源生分享组件
        <script>
            mui.plusReady(function() {
                var btn = document.querySelector("#btn"); //获取按钮
                btn.addEventListener("tap", function() {
                    var btnArray = [{
                        title: "分享到微信",
                        style: "destructive"
                    }, {
                        title: "分享到新浪微博",
                        style: "default",
                        color: "red"
                    }, {
                        title: "分享到搜狐微博"
                    }]; //选择按钮  1 2 3
                    plus.nativeUI.actionSheet({
                            title: "分享到",
                            cancel: "取消", // 0
                            buttons: btnArray
                        },
                        function(e) {
                            var index = e.index; // 
                            alert(index);
                            switch(index) {
                                case 0:
                                    console.log(0);
                                    break;
                                case 1:
                                    //写自己的逻辑
                                    console.log(1);
                                    break;
                                case 2:
                                    break;
                            }
                        });

                })

            });
        </script>
  • 结果



作者:我拥抱着我的未来
链接:https://www.jianshu.com/p/30442455722e
來源:简书
 

猜你喜欢

转载自blog.csdn.net/mss359681091/article/details/82822643