Merge branch 'dev' into uat

src/components/CustomerServiceFab.vue

@@ -72,30 +72,20 @@ function openHelpCenter() {
 <template>
   <wd-fab v-model:active="active" position="right-bottom" :z-index="999" direction="top" :custom-style="fabCustomStyle" :expandable="false" :draggable="true">
     <template #trigger>
-      <view class="w-80rpx">
-        <view class="customer-fab-action mb-12rpx" @click="openCustomerService">
-          <image src="/static/icons/whatsapp-fb.png" class="customer-fab-action__icon" mode="heightFix" />
-        </view>
-        <view class="customer-fab-action" @click="openHelpCenter">
-          <image src="/static/icons/help-fb.png" class="customer-fab-action__icon" mode="heightFix" />
-        </view>
+      <view class="w-68rpx">
+        <image src="/static/icons/whatsapp-fb.png" class="customer-fab-action__icon mb-12rpx" mode="heightFix" @click="openCustomerService" />
+        <image src="/static/icons/help-fb.png" class="customer-fab-action__icon" mode="heightFix" @click="openHelpCenter" />
       </view>
     </template>
   </wd-fab>
 </template>
 
 <style lang="scss" scoped>
-.customer-fab-action {
+.customer-fab-action__icon {
+  width: 68rpx;
+  height: 68rpx;
   box-sizing: border-box;
-  width: 80rpx;
-  height: 80rpx;
   border-radius: 50%;
-  padding: 0;
   background-color: #fff;
 }
-
-.customer-fab-action__icon {
-  width: 80rpx;
-  height: 80rpx;
-}
 </style>