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

Author: FeilongTest

web/src/style/element_visiable.scss

@@ -105,6 +105,12 @@
     .el-pagination__total {
         line-height: 32px !important;
     }
+    //小屏幕不显示
+    @media (max-width: 750px) {
+        .el-pagination__sizes{
+            display: none !important;
+        }
+    }
     .btn-prev {
         padding-right: 6px;
         display: inline-flex;

web/src/view/layout/index.vue

@@ -27,7 +27,8 @@
                       </div>
                     </el-col>
                     <el-col :xs="10" :lg="14" :md="14" :sm="9" :xl="14" :pull="1">
-                      <el-breadcrumb class="breadcrumb">
+                      <!-- 修改为手机端不显示顶部标签 -->
+                      <el-breadcrumb v-show="!isMobile" class="breadcrumb">
                         <el-breadcrumb-item
                           v-for="item in matched.slice(1,matched.length)"
                           :key="item.path"
@@ -41,7 +42,7 @@
                           <div class="dp-flex justify-content-center align-items height-full width-full">
                             <span class="header-avatar" style="cursor: pointer">
                               <CustomPic />
-                              <span style="margin-left: 5px">{{ userStore.userInfo.nickName }}</span>
+                              <span v-show="!isMobile" style="margin-left: 5px">{{ userStore.userInfo.nickName }}</span>
                               <el-icon>
                                 <arrow-down />
                               </el-icon>

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>