fix: 客服样式修改wx端展示部不正常,全局样式的坑！

src/web/staticres/common-module/customer-corner/mobile-template.js

@@ -1,5 +1,5 @@
 var customerCornerStyle = `<style>
-.customer-corner-component{
+#customer-corner-component{
     position: fixed;
     padding-top:0.08rem;
     width: 0.84rem;
@@ -14,23 +14,23 @@ var customerCornerStyle = `<style>
     line-height: 0.2rem;
     color: #2ABED1;
   }
-  .customer-corner-component.fadeOutRight{
+  #customer-corner-component.fadeOutRight{
    transform: translateX(98%);
       opacity: 0.2;
   }
-  .customer-corner-component  .content{
+  #customer-corner-component>.box-con{  
       width:100%;
       height:100%;
       text-align: center;
     }
-  .customer-corner-component img{
-    width: 0.48rem;
-    height: 0.48rem;
+  #customer-corner-component img{
+    width: 0.48rem !important;
+    height: 0.48rem !important;
   }
   </style>`
 var customerCornerTemplate = `
-<div class="customer-corner-component" :class="{ fadeOutRight: !scrollStatus }" :style="{bottom: bottomPosition || ''}">
-    <div class="content" @click="jumpCustomerPage">
+<div id="customer-corner-component" :class="{ fadeOutRight: !scrollStatus }" :style="{bottom: bottomPosition || ''}">
+    <div class="box-con" @click="jumpCustomerPage">
       <img src="/common-module/customer-corner/img/kf-blue.png" alt="">
       <p>客服</p>
     </div>