修复首页客服浮动按钮无效问题

eaterplanet · Oct 5, 2022 · 75476ad · 75476ad
1 parent 63ea00d
commit 75476ad
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 21 deletions.
diff --git a/eaterplanet_ecommerce/pages/index/index.wxml b/eaterplanet_ecommerce/pages/index/index.wxml
@@ -150,7 +150,7 @@
       <!-- 限时秒杀 -->
       <i-spike bind:openSku="openSku" refresh="{{newComerRefresh}}" wx:if="{{is_show_spike_buy==1}}" skin="{{skin}}" />
 
-      <!-- 多时段限时秒杀 -->
+      <!-- 多时段整点秒杀 -->
     <template is="seckill" style="background: linear-gradient(180deg,#94cefe 0%, #4d9ee9 100%)" data="{{secRushList:secRushList,skin,scekillTimeList,secKillActiveIdx,secKillGoodsIndex,needAuth,seckill_bg_color}}" wx:if="{{seckill_is_open==1&&seckill_is_show_index==1}}"></template>
 
       <!-- 专题 -->
@@ -343,10 +343,11 @@
 
             </movable-view>
 
-            <movable-view y="950rpx" direction="vertical" class="fixed-service" openType="contact" wx:if="{{isShowContactBtn==1}}">
+            <movable-view y="950rpx" direction="vertical" >
+                <button open-type="contact" wx:if="{{isShowContactBtn==1}}" class="contact-service">
                 <text class="iconfont icon-kefu"></text>
                 <view>客服</view>
-
+                </button>
             </movable-view>
 
             <movable-view y="1040rpx" direction="vertical" bindtap="backTop" class="fixed-top" hidden="{{!isSticky}}" wx:if="{{ishow_index_gotop==1}}">

diff --git a/eaterplanet_ecommerce/pages/index/index.wxss b/eaterplanet_ecommerce/pages/index/index.wxss
@@ -28,8 +28,8 @@ window {
 
 .header-bg{
     position: absolute;
-    width: 100%;
-    height: 1200rpx;
+    width: 100vw;
+    height: 100vh;
     z-index: 2;
 }
 movable-view {
@@ -287,7 +287,6 @@ movable-area {
 
 .list-content {
     background: #94cefe;
-    z-index: 3;
     position: relative;
     border-radius: 0px 0px 0px 0px;
 }
@@ -1129,7 +1128,7 @@ movable-area {
     position: sticky;
     top: 0px;
     box-sizing: border-box;
-    z-index: 9999;
+    z-index: 99;
     border-radius: 0px 0px 0px 0px;
     box-shadow: 0 10rpx 10rpx 0rpx rgba(143, 192, 230, 0.81);
     /**background: linear-gradient(90deg,#007FAF 0%,#42ADD5 100%);
@@ -1313,31 +1312,37 @@ button[plain] {
 
 
 .fixed-service {
-    display: inline-block;
     transform: translateY(860rpx);
     width: 80rpx;
     height: 80rpx;
-    background: #94cefec4;
+    display: inline-block;
+    z-index: 94;
+    margin-bottom: 10rpx;
+}
+
+.fixed-service .iconfont {
+  font-size: 30rpx;
+}
+
+.contact-service {
+    width: 80rpx;
+    height: 80rpx;
+    background-color: #94cefec4;
     backdrop-filter: blur(40rpx);
     border-radius: 20rpx 20rpx 20rpx 20rpx;
     text-align: center;
     color: #fff;
-    box-sizing: border-box;
     font-size: 20rpx;
     padding: 10rpx;
+    padding-left: 10rpx;
+    padding-right: 10rpx;
     line-height: 1.2;
-    z-index: 94;
-    margin-bottom: 10rpx;
-}
-
-.fixed-service::after {
-  border: 0;
-}
-
-.fixed-service .iconfont {
-  font-size: 30rpx;
 }
 
+.contact-service::after {
+    border: 0;
+  }
+
 .fixed-share {
     display: inline-block;
     transform: translateY(950rpx);

diff --git a/eaterplanet_ecommerce/pages/index/template/seckill.wxss b/eaterplanet_ecommerce/pages/index/template/seckill.wxss
@@ -4,7 +4,7 @@
 .seckill {
     position: relative;
     padding: 20rpx 20rpx 20rpx 20rpx;
-
+    z-index: 3;
     overflow: hidden;
 }