Create admin page.

wj-vue/package-lock.json

@@ -3967,9 +3967,9 @@
       "dev": true
     },
     "element-ui": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/element-ui/-/element-ui-2.7.0.tgz",
-      "integrity": "sha512-FalWzOmT/K4w4C/8tw2kGvzzQnRJ5MqEvSL5rEKNa081PFGIcUS9exyVpYrNPKF8ua/W6qaqrXPC6DQ8sNcmOQ==",
+      "version": "2.8.2",
+      "resolved": "https://registry.npmjs.org/element-ui/-/element-ui-2.8.2.tgz",
+      "integrity": "sha512-LABKHKGUyewFNvpf9BQLecB659Wq0XYvyP1tBveZ4RWpdlPSylDfGW/RLvDYU7zuCBoRasdZAz7ryjOwq1lLNg==",
       "requires": {
         "async-validator": "~1.8.1",
         "babel-helper-vue-jsx-merge-props": "^2.0.0",

wj-vue/package.json

@@ -15,7 +15,7 @@
   },
   "dependencies": {
     "axios": "^0.18.0",
-    "element-ui": "^2.7.0",
+    "element-ui": "^2.8.2",
     "mavon-editor": "^2.6.17",
     "vue": "^2.6.10",
     "vue-router": "^3.0.1",

wj-vue/src/components/admin/AdminIndex.vue

 <template>
   <div>
-    <el-row>
-      <Header></Header>
+    <el-row style="z-index: 1;">
+      <Header style="position: absolute;width: 100%;"></Header>
     </el-row>
-    <el-row>
-      <el-col :span="4">
+    <el-row style="z-index: 0;">
+      <el-col style="width: 250px" >
         <admin-menu></admin-menu>
       </el-col>
     </el-row>

wj-vue/src/components/admin/AdminMenu.vue

@@ -8,7 +8,8 @@
       background-color="#545c64"
       text-color="#fff"
       active-text-color="#ffd04b">
-      <el-menu-item v-for="(item,i) in navList" :key="i" :index="item.name">
+      <div style="height: 80px;"></div>
+      <el-menu-item v-for="(item,i) in navList" :key="i" :index="item.name" style="font-size: 18px">
         <i :class="item.icon"></i>
         {{ item.navItem }}
       </el-menu-item>
@@ -35,6 +36,8 @@
 
 <style scoped>
   .el-menu-admin {
-    height: 1000px;
+    height: 1200px;
+    font-size: 30px;
+    border-radius: 5px;
   }
 </style>

wj-vue/src/components/admin/Header.vue

 <template>
-    <el-card class="admin-header">
-      <a href="/index">
-        <img src="../../assets/img/icon/icon2.png" alt="" width="50px" style="float: left;">
-      </a>
-    </el-card>
+  <el-card class="admin-header">
+    <a href="/index">
+      <img src="../../assets/img/icon/icon2.png" alt="" width="55px" style="float: left;margin-top: -5px;">
+    </a>
+    <span style="font-size: 32px;font-weight: bold;position:absolute;left: 100px">白  卷</span>
+    <i class="el-icon-s-unfold" style="font-size: 40px;float: right"></i>
+  </el-card>
 </template>
 
 <script>
-    export default {
-        name: 'Header'
-    }
+  export default {
+    name: 'Header'
+  }
 </script>
 
 <style scoped>
   .admin-header {
     height: 80px;
+    opacity: 0.85;
+    line-height: 40px;
   }
 </style>