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

mock/controller/notice.js

 const data = [
   {
-    title: "究竟是什么样的终点，才配得上这一路的颠沛流离。。。",
+    title:
+      "鸣谢：尤雨溪、蒋豪群、element-ui、唐金州、花裤衩、贤心、iView、uView的开源项目给我带来的很多的灵感，弱小的人才习惯嘲讽与否定，内心强大的人从不吝啬赞美与鼓励，人生在世，得到每个人的认可几乎是痴心妄想，我也只是一条略懂前端的咸鱼，可我仍一直怀揣着改变世界的梦想，希望我们每个人，不管过程怎样，结局都是美好的。",
     closable: false,
     type: "success",
   },
@@ -12,12 +13,6 @@ const data = [
   },
   {
     title:
-      "鸣谢：尤雨溪、蒋豪群、element-ui、唐金州、花裤衩、贤心、iView、uView的开源项目给我带来的很多的灵感，弱小的人才习惯嘲讽与否定，内心强大的人从不吝啬赞美与鼓励，人生在世，得到每个人的认可几乎是痴心妄想，我也只是一条略懂前端的咸鱼，可我仍一直怀揣着改变世界的梦想，希望我们每个人，不管过程怎样，结局都是美好的。",
-    closable: false,
-    type: "success",
-  },
-  {
-    title:
       "随笔：我一直在寻找开源的真谛，我一直再想什么是开源，我一开始觉得免费就是开源，好像又不是。我理解的开源是：你也开源，我也开源，大家一起贡献，相互帮助。我最担心的事情是：我一个小人物，去伺候一众的伸手党，我想，这不是开源该有的氛围。我还太年轻，不懂什么是格局，我只知道，无私的帮助他人，能给我带来快乐，却不能给我带来收入，当然，有时候，快乐对我来说就已经足够了。可惜我是一个人，没有精力帮助到每一个人，可惜这个世界需要赚钱，才能过上平凡的生活，可惜了我的梦想，这个物欲横流的时代，理想主义的我们，即使内心坚决如铁，也似乎寸步难行。",
     closable: false,
     type: "success",

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

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