客服

components/msg/index.js

@@ -65,6 +65,9 @@ Component({
       this.triggerEvent('closeevent', {
         isClose: true
       })
+    },
+    aaa(){
+      
     }
   }
 })

components/msg/index.wxml

@@ -1,16 +1,16 @@
 <!-- "usingComponents": {
-    "xhb-msg": "/components/msg/index"
+    "lcb-msg": "/components/msg/index"
   },
-  <xhb-msg closeevent="closeevent"></xhb-msg>
+  <lcb-msg closeevent="closeevent"></lcb-msg>
 
   关闭方法： closeevent
 
   插槽：
   <view slot="content">这里是插入到组件slot中的内容</view> 
   <view slot="opt">这里是插入到组件slot中的内容</view> -->
-<view class="XXK-msg" style="{{isShow?'display:block':'display:none'}}">
+<view class="XXK-msg" style="{{isShow?'display:block':'display:none'}}" catchmove="aaa">
   <view class="msgBg" style="background-color: rgba(0, 0, 0, .6);"></view>
-  <view class="msgMain {{isShow?'active':''}}" style="{{isTransparent?'background-color: transparent;':''}}">
+  <view class="msgMain {{isShow?'active':''}}" style="{{isTransparent?'background-color: transparent;':''}}" catchmove="aaa">
     <block wx:if="{{isHasClose !=''}}">
       <view wx:if="{{isHasClose=='up'}}" class="close up">
         <text class="iconfont icon-guanbi1 color-fff" bindtap="close"></text>
@@ -31,13 +31,13 @@
       </view>
       <slot name="content"></slot>
     </view>
-    <view class="bd" wx:if="{{isBottomOpt}}">
+    <view class="bd" style="border-top:1rpx solid #ddd;" wx:if="{{isBottomOpt}}">
       <view class="msgMain-opt">
         <view class="msgMain-opt-item" wx:if="{{isExtraOpt}}">
           <slot name="opt"></slot>
         </view>
         <view class="msgMain-opt-item">
-          <view class="color-fff msgMain-opt-close" bindtap="close">{{closeWord}}</view>
+          <view class="color-1a1a1a msgMain-opt-close" bindtap="close">{{closeWord}}</view>
         </view>
       </view>
     </view>

components/msg/index.wxss

@@ -20,6 +20,7 @@
   z-index: 9999;
   background-color: #fff;
   border-radius: 20rpx;
+  overflow: hidden;
 }
 .XXK-msg .msgMain.active{
   animation: card .5s linear 1;
@@ -28,7 +29,7 @@
   position: absolute;
 }
 .XXK-msg .msgMain .close.up{
-  right: 40rpx;
+  right: 0;
   top: -80rpx;
   font-size: 30rpx;
 }
@@ -82,16 +83,10 @@
   padding: 0 39rpx 55rpx;
   text-align: center;
 }
-.XXK-msg .msgMain .hd{
-  border-top-left-radius:20rpx;border-top-right-radius:20rpx;
-  overflow: hidden;
-}
 .XXK-msg .msgMain .bd{
   /* padding-bottom: 30rpx; */
   height: 100rpx;
   line-height: 100rpx;
-  border-bottom-left-radius:20rpx;border-bottom-right-radius:20rpx;
-  overflow: hidden;
 }
 .XXK-msg .msgMain-opt{
   display: flex;
@@ -115,13 +110,12 @@
   font-size: 32rpx;
 }
 .msgMain-opt-close{
-  border-radius: 750rpx;
-  margin-left: 100rpx;
-  margin-right: 100rpx;
+  border-radius: 10rpx;
+  margin-left: 30rpx;
+  margin-right: 30rpx;
   font-size: 32rpx;
-  height: 70rpx;
-  line-height: 70rpx;
-  background-color:#36afa2;
+  height: 100rpx;
+  line-height: 100rpx;
 }
 
 .msgMain-icon{