1

src/views/adminCenter/homeIndex/index.vue

@@ -1,7 +1,11 @@
 <template>
   <div id="index">
     <el-row>
-      <el-col :span="24" class="main"> 首页 </el-col>
+      <el-col :span="24" class="main">
+        <el-col :span="24" class="one">
+          {{ type }}
+        </el-col>
+      </el-col>
     </el-row>
   </div>
 </template>
@@ -19,6 +23,9 @@ export default {
   methods: {},
   computed: {
     ...mapState(['user']),
+    type() {
+      return localStorage.getItem('type');
+    },
   },
   metaInfo() {
     return { title: this.$route.meta.title };
@@ -33,4 +40,13 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main {
+  border-radius: 10px;
+  box-shadow: 0 0 5px #cccccc;
+  padding: 20px;
+}
+.main:hover {
+  box-shadow: 0 0 5px #409eff;
+}
+</style>

src/views/index.vue

@@ -5,8 +5,10 @@
         <div class="w_1500">
           <el-col :span="24" class="one">
             <el-col :span="24" class="top">
-              环南湖科创先导区双创服务平台
-              <el-button @click="$router.push({ path: '/login' })">登录</el-button>
+              <el-col :span="24" class="btn">
+                <el-button type="primary" size="mini" @click="$router.push({ path: '/login' })">管理登录</el-button>
+              </el-col>
+              <el-col :span="24" class="title"> 环南湖科创先导区双创服务平台 </el-col>
             </el-col>
             <el-col :span="24" class="down">
               <el-col :span="4" class="down_1 down_one">
@@ -194,35 +196,39 @@ export default {
   height: 100vh;
   overflow: hidden;
   .one {
-    padding: 6% 0 0 0;
     .top {
-      text-align: center;
-      font-size: 40px;
-      font-family: cursive;
-      margin: 0px 0 60px 0px;
-      color: #fff;
+      .btn {
+        text-align: right;
+        padding: 20px 0;
+      }
+      .title {
+        font-size: 40px;
+        font-family: cursive;
+        color: #fff;
+        text-align: center;
+        padding: 20px 0 100px 0;
+      }
     }
     .down {
       .down_1 {
         position: relative;
+        padding: 0 25px;
+        left: 80px;
+        width: 18%;
       }
       .down_one {
-        top: 350px;
+        top: 305px;
       }
       .down_two {
-        top: 160px;
-        left: 5%;
+        top: 155px;
       }
       .down_thr {
-        left: 7%;
       }
       .down_four {
-        top: 160px;
-        left: 9%;
+        top: 155px;
       }
       .down_five {
-        top: 350px;
-        left: 14%;
+        top: 305px;
       }
     }
   }