add 客服消息弹框

components/sjdbottombar/index.js

@@ -15,6 +15,7 @@ Component({
     localImageRoot: '../../images/',
     imageRoot: app.globalData.imageRoot,
     imageVersion: app.globalData.imageVersion,
+    showModal: false
   },
   properties: {
     showcontact: {
@@ -44,7 +45,8 @@ Component({
     path: {//来源路径
       type: String,
       value: '/ucenter/index'
-    }
+    },
+    
   },
   ready () {
   },
@@ -92,6 +94,11 @@ Component({
           })
         }
       })
+    },
+    bindContactDialog (){
+      this.setData({
+        showModal: !this.data.showModal
+      })
     }
   }
 })
\ No newline at end of file

components/sjdbottombar/index.wxml

-<button class="tech-support-box" open-type='contact' keyword="{{keyword}}" show-message-card="true" send-message-title="{{sharetitle}}" send-message-path="{{path}}" send-message-img="{{imageRoot}}{{coverimg}}?{{imageVersion}}">
+<view class="tech-support-box" bindtap="bindContactDialog">
     <view class="line1">轻松管理学校 | 用轻校!</view>
     <view class="line2">轻校</view>
     <view class="line3">{{pagetitle}}</view>
-</button>
\ No newline at end of file
+</view>
+
+<view class="modal modal-contact" wx:if="{{showModal}}">
+    <view class="modal-mask"></view>
+    <view class="modal-content">
+        <image class="icon-close" src="{{imageRoot}}2b/common/closeicon.png?{{imageVersion}}" bindtap="bindContactDialog"></image>
+        <view class="modal-title">进入客服消息，点击右下角，获取公众号二维码。</view>
+        <image class="pic" src="{{imageRoot}}service/service_enter.png?{{imageVersion}}"></image>
+        <button class="btn-open" open-type='contact' keyword="{{keyword}}" show-message-card="true" send-message-title="{{sharetitle}}" send-message-path="{{path}}" send-message-img="{{imageRoot}}{{coverimg}}?{{imageVersion}}">点击获取</button>
+    </view>
+</view>
\ No newline at end of file

components/sjdbottombar/index.wxss

@@ -34,4 +34,64 @@
   color: #ffa800;
   font-size: 22rpx;
   padding-left: 5rpx;
+}
+
+
+
+.modal{
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  left: 0;
+  top: 0;
+  background:rgba(0,0,0,.5);
+  z-index: 151;
+}
+.modal .modal-mask{
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  left: 0;
+  top: 0;
+  z-index: 152;
+}
+.modal .modal-content{
+  width: 650rpx;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  background: #fff;
+  border-radius: 20rpx;
+  z-index: 152;
+  padding: 80rpx 30rpx 24rpx;
+}
+.modal .modal-content .icon-close{
+  width: 34rpx;
+  height: 38rpx;
+  position: absolute;
+  right: 30rpx;
+  top: 30rpx;
+}
+.modal .modal-content .modal-title{
+  font-size: 32rpx;
+  color: #333;
+  line-height: 50rpx;
+}
+.modal .modal-content .pic{
+  width: 100%;
+  height: 300rpx;
+  margin: 30rpx 0;
+}
+
+.modal .modal-content .btn-open{
+  width: 100%;
+  height: 90rpx;
+  background: #CD5046;
+  color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 8rpx;
+  font-size: 32rpx;
 }
\ No newline at end of file

src/pages/clockdetail/newindex.wxml

@@ -165,16 +165,7 @@
             <view class="text">点击加载更多</view>
             <image class="arrow" src="{{imageRoot}}2b/common/right.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" />
         </view>    -->
-    </view>
-    <sjdbottombar 
-        showcontact="{{true}}" 
-        keyword="themedetail" 
-        pagetitle="如何用作业招生 >"
-        pagetitletip ="5S学会"
-        sharetitle="我也要用学生作业招生拓客" 
-        coverimg="service/task.png"
-    ></sjdbottombar>
-    <guidecollection/>             
+    </view>            
 </view>
 
 <!-- <view class="footer-box" wx:if="{{isMarketting&&noUserinfo}}">
@@ -224,4 +215,14 @@
         bindtimeupdate="" bindwaiting="" binderror="" bindfullscreenchange="screenchange">
     </video>
 </view>
-<go-top wx:if="{{backTopValue}}"></go-top>
\ No newline at end of file
+<go-top wx:if="{{backTopValue}}"></go-top>
+
+<sjdbottombar 
+    showcontact="{{true}}" 
+    keyword="themedetail" 
+    pagetitle="如何用作业招生 >"
+    pagetitletip ="5S学会"
+    sharetitle="我也要用学生作业招生拓客" 
+    coverimg="service/task.png"
+    ></sjdbottombar>
+<guidecollection/> 
\ No newline at end of file

src/pages/clockdetail/newindex.wxss

@@ -472,7 +472,7 @@ page{
     position: fixed;
     left: 24rpx;
     bottom: 24rpx;
-    z-index: 300;
+    z-index: 150;
     width: 702rpx;
     height: 100rpx;
     display: flex;

src/pages/websiteindex/index.wxss

 page{
-  padding-bottom: 120rpx;
+  padding-bottom: 100rpx;
 }
 @keyframes btnShow{
     0% {