<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="format-detection" content="telephone=no,email=no,date=no,address=no"> <title></title> <script src="../../assets/js/fontsize.js"></script> <!--<link rel="stylesheet" href="../../assets/css/api.css"/>--> <!--<link rel="stylesheet" href="http://at.alicdn.com/t/font_641470_jg64l6ijsg4lsor.css">--> <link rel="stylesheet" href="../../assets/icon/iconfont.css"> <style> body, html { background-color: transparent !important; height: 100%; } .meal { display: flex; flex-direction: column; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .meal_cli { background-color: #fff; margin: 0.5rem 0.88rem; font-size: 15px; text-align: center; padding: 0.25rem; border-radius: 0.1rem; } .meal_cli .icon { width: 25px; height: 25px; margin: 0.2rem 0; } .meal_item { display: flex; align-items: center; justify-content: space-between; } .tips { font-size: 9px; } .cli_btn { background-color: #dbb25f; color: #ffff; font-size: 9px; width: 2rem; padding: 0.1rem 0.25rem; text-align: center; border-radius: 0.16rem; margin: 0.2rem auto; } </style> </head> <body> <div id="app"> <div @click="close" class="meal"> <div class="meal_cli"> <div class="meal_item"><span></span><span>客服微信:{{wechat}}</span><span class="iconfont icon-cuohao" @click="api.closeFrame()"></span> </div> <svg class="icon" aria-hidden="true"> <use xlink:href="#icon-weixin"></use> </svg> <div class="tips">请备注“慈界医养VIP众筹计划"添加微信客服,进群直接交流</div> <div class="cli_btn" @click="clipBoard">点击复制微信号</div> </div> </div> </div> </body> </html> <script type="text/javascript" src="../../assets/js/api.js"></script> <script type="text/javascript" src="../../assets/js/public.js"></script> <script type="text/javascript" src="../../assets/js/fastclick.js"></script> <script> new FastClick(document.body); </script> <script type="text/javascript" src="../../assets/js/vue.min.js"></script> <script type="text/javascript" src="../../assets/js/swiper-3.4.2.min.js"></script> <!--<script type="text/javascript" src="http://at.alicdn.com/t/font_641470_jg64l6ijsg4lsor.js"></script>--> <script type="text/javascript" src="../../assets/icon/iconfont.js"></script> <script type="text/javascript" src="../../assets/js/axios.min.js"></script> <script> var app = new Vue({ el: '#app', data: { wechat: '' }, created: function () { apiready = function () { // alert(api.pageParam.wechat); app.wechat = api.pageParam.wechat } }, methods: { close: function () { api.closeFrame(); }, clipBoard: function () { var clipBoard = api.require('clipBoard'); clipBoard.set({ value: app.wechat }, function (ret, err) { if (ret) { clipBoard.get(function (ret, err) { if (ret) { toastMsg('复制成功') } else { toastMsg('复制失败') } }); } else { } }); } } }) </script>