修复手机端顶部标题栏溢出、分页溢出的问题 (#1284)

web/src/view/layout/search/search.vue

@@ -41,7 +41,7 @@
       v-if="btnShow"
       class="user-box"
     >
-      <div class="gvaIcon gvaIcon-customer-service" @click="toService" />
+      <div class="service gvaIcon-customer-service" @click="toService" />
     </div>
   </div>
 </template>
@@ -114,4 +114,20 @@ const toService = () => {
   75%{-webkit-transform:rotate(270deg);}
   100%{-webkit-transform:rotate(360deg);}
 }
+
+
+.service {
+  font-family: "gvaIcon" !important;
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 800;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+//小屏幕不显示
+@media (max-width: 750px) {
+  .service {
+    display: none;
+  }
+}
 </style>