提交代码

jydocs-pc/src/views/Content.vue

@@ -8,9 +8,9 @@
               </div>
                 {{datas.docName}}
             </h3>
-            <div class="tips">
+            <div class="cd-tips">
                 <ul>
-                    <li class="tags" v-for="item in getContentTags" :key="item">{{item}}</li>
+                    <li class="li-tags" v-for="item in getContentTags" :key="item">{{item}}</li>
                     <li>{{datas.viewTimes}}次浏览<el-divider direction="vertical"></el-divider></li>
                     <li>{{datas.downTimes}}次下载<el-divider direction="vertical"></el-divider></li>
                     <li>共{{datas.docPageSize}}页<el-divider direction="vertical"></el-divider></li>
@@ -89,10 +89,9 @@
 <script>
 import { Button, Tooltip, Divider, Message } from 'element-ui'
 import { getDetails, getShow, getRecommend, getDown, getAdverse, getCoin, getAdd, getRemove } from '../api/modules/detail'
-import { formatSize, dateFormatter } from '@/utils/'
+import { formatSize, dateFormatter, recoveryPageData } from '@/utils/'
 import vRecommend from '@/components/recommend'
-import { getSearchTag } from "../api/modules/home";
-import { recoveryPageData } from "../utils";
+import { getSearchTag } from '../api/modules/home'
 export default {
   components: {
     [Button.name]: Button,
@@ -156,8 +155,8 @@ export default {
   },
   computed: {
     getContentTags () {
-      const a=new Set(this.datas.tags)
-      const b=new Set(this.tabs.map(v => v.type))
+      const a = new Set(this.datas.tags)
+      const b = new Set(this.tabs.map(v => v.type))
       const arr = Array.from(new Set([...b].filter(x => a.has(x))))
 
       const oldArr = Array.from(a)
@@ -165,7 +164,7 @@ export default {
         oldArr.splice(oldArr.indexOf(v), 1)
       })
       const nArr = arr.concat(oldArr)
-      return nArr.splice(0,3)
+      return nArr.splice(0, 3)
     }
   },
   methods: {
@@ -427,7 +426,7 @@ export default {
                   margin-top: 5px;
               }
           }
-          .tips {
+          .cd-tips {
               display: flex;
               justify-content: space-between;
               padding: 12px 0;
@@ -442,8 +441,11 @@ export default {
                       display: flex;
                       list-style-type: none;
                       align-items: center;
+                      color: #686868;
+                      font-size: 14px;
+                      line-height: 24px;
                   }
-                  .tags {
+                  .li-tags {
                       padding: 2px 8px;
                       border-radius: 4px;
                       background: rgba(44, 167, 227, 0.08);
@@ -453,11 +455,6 @@ export default {
                       text-align: center;
                       margin-right: 8px;
                   }
-                  li:not(.tags, .coin) {
-                      color: #686868;
-                      font-size: 14px;
-                      line-height: 24px;
-                  }
                   .no-line {
                       border-right: none !important;
                   }
@@ -494,7 +491,7 @@ export default {
               display: flex;
               justify-content: space-between;
               align-items: center;
-              .el-button {
+              ::v-deep .el-button {
                   width: 132px;
                   height: 36px;
                   padding: 7px 34px 8px 34px;