资料库样式修改

pages/_template/app/docs/_fileId.vue

@@ -108,6 +108,17 @@ export default {
 
 // pc 端
 @media screen and (min-width: 768px) {
+  ::v-deep {
+    .el-breadcrumb {
+      white-space: nowrap;
+      overflow-y: scroll;
+      padding-bottom: 16px;
+
+      .el-breadcrumb__item {
+        float: unset !important;
+      }
+    }
+  }
   .page {
     margin-bottom: 16px;
   }
@@ -232,6 +243,17 @@ export default {
 
 // 移动 端
 @media screen and (max-width: 768px) {
+  ::v-deep {
+    .el-breadcrumb {
+      white-space: nowrap;
+      overflow-y: scroll;
+      padding-bottom: 2.4vw;
+
+      .el-breadcrumb__item {
+        float: unset !important;
+      }
+    }
+  }
   .page-top {
     height: 46vw;
     background: url(~assets/theme-images/normal/h5/banner-doc.png);

pages/_template/ldm/docs/_fileId.vue

@@ -112,6 +112,17 @@ export default {
 
 // pc 端
 @media screen and (min-width: 768px) {
+  ::v-deep {
+    .el-breadcrumb {
+      white-space: nowrap;
+      overflow-y: scroll;
+      padding-bottom: 16px;
+
+      .el-breadcrumb__item {
+        float: unset !important;
+      }
+    }
+  }
   .page {
     margin-bottom: 16px;
   }
@@ -236,6 +247,17 @@ export default {
 
 // 移动 端
 @media screen and (max-width: 768px) {
+  ::v-deep {
+    .el-breadcrumb {
+      white-space: nowrap;
+      overflow-y: scroll;
+      padding-bottom: 2.4vw;
+
+      .el-breadcrumb__item {
+        float: unset !important;
+      }
+    }
+  }
   .page-top {
     height: 76.4vw;
     .logo {

pages/_template/ph/docs/_fileId.vue

@@ -108,6 +108,17 @@ export default {
 
 // pc 端
 @media screen and (min-width: 768px) {
+  ::v-deep {
+    .el-breadcrumb {
+      white-space: nowrap;
+      overflow-y: scroll;
+      padding-bottom: 16px;
+
+      .el-breadcrumb__item {
+        float: unset !important;
+      }
+    }
+  }
   .page {
     margin-bottom: 16px;
   }
@@ -232,6 +243,17 @@ export default {
 
 // 移动 端
 @media screen and (max-width: 768px) {
+  ::v-deep {
+    .el-breadcrumb {
+      white-space: nowrap;
+      overflow-y: scroll;
+      padding-bottom: 2.4vw;
+
+      .el-breadcrumb__item {
+        float: unset !important;
+      }
+    }
+  }
   .page-top {
     height: 46vw;
     @include themify($themes) {

pages/_template/ross/docs/_fileId.vue

@@ -40,10 +40,16 @@
           <div class="section pc">
             <div class="col">
               <doc-icon :type="item.fileType" :src="item.screenshot" />
-              <span class="file-name" v-if="item.fileType === 'article'" @click="onRowClick(item)">
+              <span
+                class="file-name"
+                v-if="item.fileType === 'article'"
+                @click="onRowClick(item)"
+              >
                 {{ item.fileName | fileNameFormat }}
               </span>
-              <span class="file-name" v-else @click="onRowClick(item)">{{ item.fileName }}</span>
+              <span class="file-name" v-else @click="onRowClick(item)">{{
+                item.fileName
+              }}</span>
             </div>
             <div class="col">{{ item.saveTime | dateFormat }}</div>
             <div class="col">
@@ -105,6 +111,18 @@ export default {
 
 // pc 端
 @media screen and (min-width: 768px) {
+  ::v-deep {
+    .el-breadcrumb {
+      white-space: nowrap;
+      overflow-y: scroll;
+      padding-bottom: 16px;
+
+      .el-breadcrumb__item {
+        float: unset !important;
+      }
+    }
+  }
+
   .page {
     margin-bottom: 16px;
   }
@@ -229,6 +247,18 @@ export default {
 
 // 移动 端
 @media screen and (max-width: 768px) {
+  ::v-deep {
+    .el-breadcrumb {
+      white-space: nowrap;
+      overflow-y: scroll;
+      padding-bottom: 2.4vw;
+
+      .el-breadcrumb__item {
+        float: unset !important;
+      }
+    }
+  }
+
   .page-top {
     height: 46vw;
     @include themify($themes) {