默认永久展示分页栏

QMPlusVuePage/src/view/layout/index.vue

@@ -10,8 +10,12 @@
             <i class="el-icon-arrow-down"></i>
           </span>
           <el-dropdown-menu class="dropdown-group" slot="dropdown">
-            <el-dropdown-item>更多信息</el-dropdown-item>
-            <el-dropdown-item icon="el-icon-table-lamp" @click.native="LoginOut"> 登出</el-dropdown-item>
+            <el-dropdown-item>
+              <span>更多信息
+                <el-badge is-dot />
+              </span>
+            </el-dropdown-item>
+            <el-dropdown-item @click.native="LoginOut" icon="el-icon-table-lamp">登出</el-dropdown-item>
           </el-dropdown-menu>
         </el-dropdown>
       </div>
@@ -40,14 +44,14 @@
 
 <script>
 import Aside from '@/view/layout/aside'
-import { mapGetters,mapMutations } from 'vuex'
+import { mapGetters, mapMutations } from 'vuex'
 export default {
   name: 'Layout',
   components: {
     Aside
   },
   methods: {
-    ...mapMutations("user",['LoginOut']),
+    ...mapMutations('user', ['LoginOut']),
     totalCollapse() {
       this.$bus.emit('totalCollapse')
     }
@@ -68,11 +72,11 @@ export default {
 $headerHigh: 52px;
 $mainHight: calc(100vh - 52px);
 .el-dropdown-link {
-    cursor: pointer;
-  }
- .dropdown-group{
-   min-width: 100px;
- }
+  cursor: pointer;
+}
+.dropdown-group {
+  min-width: 100px;
+}
 .el-scrollbar__wrap {
   padding-bottom: 17px;
 }
@@ -82,7 +86,7 @@ $mainHight: calc(100vh - 52px);
     vertical-align: middle;
     img {
       vertical-align: middle;
-      border:1px solid #ccc;
+      border: 1px solid #ccc;
       border-radius: 6px;
     }
   }