首页样式添加

src/App.vue

@@ -59,7 +59,7 @@
           size="small"
         >
         </el-input>
-
+        <!-- 树 -->
         <el-tree
           class="filter-tree"
           :data="data"
@@ -96,6 +96,7 @@
             active-text-color="#5688f3"
             style="text-align: center"
           >
+          <!-- 头部菜单 -->
             <el-submenu index="1">
               <template slot="title">
                 <i class="el-icon-bank-card"></i>
@@ -181,7 +182,14 @@
               <el-menu-item index="10-3">代码生成</el-menu-item>
               <el-menu-item index="10-4">系统接口</el-menu-item>
             </el-submenu>
-
+              <img src="../src/assets/imgs/profile.jpg"
+              style="float: left;
+              width: 27px;
+              height: 27px;
+              border-radius: 50%;
+              margin-right: 2px;
+              margin-top: 10px;"
+              />
             <el-submenu index="11">
               <template slot="title">管理员</template>
               <el-menu-item index="11-1">个人中心</el-menu-item>
@@ -205,6 +213,7 @@
                 </div>
               </div>
             </el-submenu>
+          <!-- 头部菜单 -->
           </el-menu>
         </el-header>
         <el-main style="background: #ebeffa">
@@ -240,19 +249,43 @@ export default {
       data: [
         {
           id: 1,
-          label: "一级 1",
+          label: "安徽省",
           children: [
             {
               id: 4,
-              label: "二级 1-1",
+              label: "安徽省直",
               children: [
                 {
                   id: 9,
-                  label: "三级 1-1-1",
+                  label: "演示主管部门一",
+                  children: [
+                {
+                  id: 11,
+                  label: "演示事业单位一",
+                },
+                {
+                  id: 12,
+                  label: "演示事业单位二",
+                },
+              ],
                 },
                 {
                   id: 10,
-                  label: "三级 1-1-2",
+                  label: "演示主管部门二",
+                  children: [
+                {
+                  id: 13,
+                  label: "演示事业单位三",
+                },
+                {
+                  id: 14,
+                  label: "演示事业单位四",
+                },
+                {
+                  id: 15,
+                  label: "演示事业单位五",
+                },
+              ],
                 },
               ],
             },

src/views/index/index.vue

@@ -26,6 +26,7 @@
         />
       </div>
       <div class="todayDate">{{ todayDate }}</div>
+      <div class="wait">待办</div>
     </div>
     <div class="con" style="padding: 0 15px">
       <div class="conTop">
@@ -351,4 +352,23 @@ export default {
 .conBottom .conBottomImg.conBottomImg4:hover {
   content: url("../../assets/imgs/jygl2.png");
 }
+.wait {
+   font-size: 13px;
+    margin-left: 5px;
+    color: #e9686b;
+    display: inline-block;
+    position: relative;
+    bottom: 60px;
+    right: 40px;
+    float: right;
+    height: 64px;
+    text-align: center;
+    width: 64px;
+    line-height: 64px;
+    background: #ffefef;
+    border-radius: 5px;
+    border: 1px solid #ffc4c4;
+    font-weight: bold;
+    cursor: pointer;
+}
 </style>