以下所述参考网上众多大佬略写，本人只是菜鸟一枚，记录博客主要怕自己记不住，方便以后参考，有何不足，欢迎补充…
方式方法和网上大多大佬有雷同，因为我也是参考网上各位大佬的…
wxml 部分：
!-- 客服弹框 -- view class="modal" wx:if="{{showModal}}" view class='modal-mask' wx:if="{{showModal}}" !-- 关闭图标 -- view class='close' bindtap='closeModal' image src=' '/image /view view class="modal-title"联系我们/view view class="modal-content" !-- 电话 -- view class="modal-contact space_around" image src=' ' /image view class='font_30'400-999-7860/view /view !-- 微信 -- view class='modal-contact space_around' image src=''/image view class='font_30'dsffd156165/view /view /view /view /viewwxss 部分：
/* 弹框 */.modal{ width: 100%; height: 100%; background: rgba(0,0,0,0.5); overflow: hidden; position: fixed; top: 0; left: 0; z-index: 999;}.modal-mask{ margin-left: 15%; margin-right: 15%; width: 70%; height: 450rpx; overflow: hidden; position: absolute; top: 30%; left: 0; border-radius: 36rpx; background: url( ) no-repeat #fff; background-size:100% 100%;}.modal-title{ margin: 75rpx 0 45rpx 0; text-align: center; font-size: 38rpx; color: rgb(42,42,42);}.modal-contact{ line-height: 70rpx; height: 70rpx; margin: 0 auto; width: 70%; color: rgb(11,25,25); border-radius: 30rpx; background: #f6f6f6; margin-bottom: 36rpx;}/* 关闭图标 */.close{ position: absolute; top: 25rpx; right: 30rpx;}js 部分 ：
data: {showModal: false,}// 关闭弹框 closeModal() { this.setData({ showModal: false }) }, // 打开弹框 openModal() { this.setData({ showModal: true }) },
