文章右侧菜单调整

src/views/bookShelf/articleDetail.vue

@@ -1265,9 +1265,9 @@ export default {
         }
         .mene-right{
             position: fixed;
-            right: calc((100% - 1000px)/2 - 196px);
+            right: calc((100% - 1000px)/2 - 172px);
             top: 144px;
-            width: 176px;
+            width: 152px;
             max-height: 80%;
             overflow: auto;
             background: #FFFFFF;

src/views/bookShelf/components/MenuRight.vue

@@ -13,9 +13,9 @@
                     <span>{{item.name}}</span>
                 </div>
             </template>
-            <el-divider :key="index" v-if="index===3||index===5||(index===list.length-1&&foldFlag)" :style="{backgroundColor:colorObj.glossaryBg}"></el-divider>
+            <el-divider :key="index" v-if="index===4||index===6||index===0" :style="{backgroundColor:colorObj.glossaryBg}"></el-divider>
         </template>
-        <a class="flod-btn" @click="foldFlag=!foldFlag">{{foldFlag?'收起':'展开'}}<svg-icon :icon-class="foldFlag?'Up-line':'Down-line'"></svg-icon></a>
+        <!-- <a class="flod-btn" @click="foldFlag=!foldFlag">{{foldFlag?'收起':'展开'}}<svg-icon :icon-class="foldFlag?'Up-line':'Down-line'"></svg-icon></a> -->
     </div>
     
 </template>
@@ -33,6 +33,11 @@ export default {
     return {
         list:[
             {
+                icon:'list',
+                name:'目录',
+                type:'list'
+            },
+            {
                 icon:'Book-open',
                 name:'原文',
                 type: 'original'
@@ -63,11 +68,6 @@ export default {
                 type:'share'
             },
             {
-                icon:'list',
-                name:'目录',
-                type:'list'
-            },
-            {
                 icon:'cloud',
                 name:'词云',
                 type:'cloud'
@@ -88,8 +88,8 @@ export default {
                 type:'notebook'
             }
         ],
-        activeIndex:0,
-        foldFlag:false
+        activeIndex:1,
+        foldFlag:true
     }
   },
   //计算属性 类似于data概念
@@ -139,17 +139,17 @@ export default {
         margin: 1px 0;
         cursor: pointer;
         font-weight: 400;
-        font-size: 16px;
-        line-height: 24px;
+        font-size: 14px;
+        line-height: 22px;
         color: #2F3742;
-        padding: 4px;
+        padding: 0 8px;
         border-radius: 6px;
         display: flex;
         align-items: center;
-        height: 48px;
+        height: 32px;
         .svg-icon{
-            width: 40px;
-            height: 40px;
+            width: 32px;
+            height: 32px;
             padding: 8px;
         }
         .el-switch{
@@ -159,7 +159,7 @@ export default {
             margin: 0 6px;
         }
         span{
-            margin-left: 16px;
+            margin-left: 8px;
         }
     }
     .flod-btn{
@@ -189,7 +189,8 @@ export default {
         margin-left: -14px;
     }
     .el-divider{
-        margin: 0;
+        margin: 0 auto;
+        width: 128px;
     }
 }
 </style>

src/views/bookShelf/components/PracticeModel.vue

@@ -1033,12 +1033,11 @@ export default {
     }
 }
 .clear-box{
-    right: calc((100% - 1000px)/2);
+    right: calc((100% - 1000px)/2 - 172px);
     position: fixed;
-    top: 150px;
-    width: 270px;
+    top: 510px;
     overflow: auto;
-    width: 176px;
+    width: 152px;
     padding: 8px;
     border-radius: 8px;
     border: 1px solid #EBEBEB;