🔥 重构首页布局、ad组件样式

src/layouts/components/Ad/index.vue

@@ -40,10 +40,9 @@
     height: 30px;
     padding-right: $base-padding;
     padding-left: $base-padding;
+    margin-bottom: -20px;
     line-height: 30px;
     cursor: pointer;
-    background: #eef1f6;
-    box-shadow: 0 -1px 2px rgba(0, 21, 41, 0.08) inset;
 
     a {
       color: #999;

src/views/index/index.vue

@@ -2,39 +2,8 @@
   <div class="index-container">
     <el-row :gutter="20">
       <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
-        <el-alert
-          v-if="noticeList[0]"
-          :title="noticeList[0].title"
-          :closable="noticeList[0].closable"
-        >
-          <a
-            target="_blank"
-            href="https://github.com/chuzhixin/vue-admin-beautiful"
-          >
-            <img
-              style="height: 100%; margin-right: 10px"
-              src="https://img.shields.io/github/stars/chuzhixin/vue-admin-beautiful?style=flat-square&label=Stars&logo=github"
-            />
-            <img
-              style="height: 100%; margin-right: 10px"
-              src=" https://img.shields.io/badge/Visitors-79.3k/month-blue?style=flat-square&logo=Visual Studio Code"
-            />
-            <img
-              style="height: 100%; margin-right: 10px"
-              src="https://img.shields.io/github/last-commit/chuzhixin/vue-admin-beautiful?style=flat-square&label=Last Commit&logo=vue.js"
-            />
-          </a>
-          <!--  <a
-            target="_blank"
-            href="https://chu1204505056.gitee.io/vue-admin-beautiful-pro/"
-          >
-            <img
-              style="position: absolute; top: 0; right: 0"
-              src="@/assets/pro.png"
-              alt=""
-              srcset=""
-            />
-          </a> -->
+        <el-alert v-if="noticeList[0]" :closable="noticeList[0].closable">
+          {{ noticeList[0].title }}
         </el-alert>
       </el-col>
       <el-col :xs="24" :sm="24" :md="12" :lg="6" :xl="6">
@@ -118,6 +87,27 @@
           </div>
         </el-card>
       </el-col>
+
+      <el-col
+        v-for="(item, index) in iconList"
+        :key="index"
+        :xs="12"
+        :sm="6"
+        :md="3"
+        :lg="3"
+        :xl="3"
+      >
+        <router-link :to="item.link" target="_blank">
+          <el-card class="icon-panel" shadow="never">
+            <vab-icon
+              :style="{ color: item.color }"
+              :icon="['fas', item.icon]"
+            ></vab-icon>
+            <p>{{ item.title }}</p>
+          </el-card>
+        </router-link>
+      </el-col>
+
       <el-col :xs="24" :sm="24" :md="24" :lg="13" :xl="13">
         <el-card class="card" shadow="never">
           <div slot="header">
@@ -133,7 +123,7 @@
       <el-col :xs="24" :sm="24" :md="24" :lg="11" :xl="11">
         <el-card class="card" shadow="never">
           <div slot="header">
-            <span>更新日志</span>
+            <span>依赖信息</span>
             <div style="float: right">部署时间:{{ updateTime }}</div>
           </div>
           <div class="bottom-btn">
@@ -214,25 +204,6 @@
         </el-card>
       </el-col>
 
-      <el-col
-        v-for="(item, index) in iconList"
-        :key="index"
-        :xs="12"
-        :sm="6"
-        :md="3"
-        :lg="3"
-        :xl="3"
-      >
-        <router-link :to="item.link" target="_blank">
-          <el-card class="icon-panel" shadow="never">
-            <vab-icon
-              :style="{ color: item.color }"
-              :icon="['fas', item.icon]"
-            ></vab-icon>
-            <p>{{ item.title }}</p>
-          </el-card>
-        </router-link>
-      </el-col>
       <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
         <el-card class="card" shadow="never">
           <div slot="header">

src/views/login/index.vue

@@ -1,7 +1,6 @@
 <template>
   <div class="login-container">
     <el-alert
-      v-if="nodeEnv !== 'development'"
       title="beautiful boys and girls欢迎加入vue-admin-beautifulQQ群：972435319"
       type="success"
       :closable="false"