deploy

mock/controller/ad.js

@@ -9,16 +9,6 @@ const data = [
     url: "https://github.com/vuejs/vue-cli/blob/master/docs/zh/guide/css.md",
   },
   {
-    title: "uView UI：全面的组件和便捷的工具会让您信手拈来，如鱼得水。",
-    url: "https://uviewui.com/",
-  },
-  {
-    title:
-      "认认真真编程，踏踏实实做人；静坐常思己过，闲谈不论人非；希望使用vue-admin-beautiful框架的每个人，无论过程怎样，结局都是美好的。",
-    url:
-      "//shang.qq.com/wpa/qunwpa?idkey=14f123ac6d4ef3122bbb60d4693f1d8c951a50be2296951efb12d5ab1642f36b",
-  },
-  {
     title: "vue-admin-beautiful前端讨论群-1：972435319",
     url:
       "//shang.qq.com/wpa/qunwpa?idkey=14f123ac6d4ef3122bbb60d4693f1d8c951a50be2296951efb12d5ab1642f36b",

package.json

@@ -65,7 +65,7 @@
     "vue-amap": "^0.5.10",
     "vue-echarts": "^5.0.0-beta.0",
     "vue-qart": "^2.2.0",
-    "vue-router": "^3.4.1",
+    "vue-router": "^3.4.2",
     "vuedraggable": "^2.24.0",
     "vuex": "^3.5.1",
     "zx-comparison": "^1.0.3",

src/layouts/components/Ad/index.vue

 <template>
-  <div v-if="nodeEnv !== 'development'" class="vab-ad">
+  <div class="vab-ad">
     <el-carousel
       v-if="adList"
       height="30px"

src/views/index/index.vue

 <template>
   <div class="index-container">
     <el-row :gutter="20">
-      <el-col
-        v-if="nodeEnv !== 'development'"
-        :xs="24"
-        :sm="24"
-        :md="24"
-        :lg="24"
-        :xl="24"
-      >
+      <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
         <el-alert
           v-if="noticeList[0]"
           :title="noticeList[0].title"
@@ -33,6 +26,11 @@
           </a>
         </el-alert>
       </el-col>
+      <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
+        <el-card shadow="never">
+          <center>广告位招商</center>
+        </el-card>
+      </el-col>
       <el-col :xs="24" :sm="24" :md="12" :lg="6" :xl="6">
         <el-card shadow="never">
           <div slot="header">
@@ -132,6 +130,43 @@
             <span>更新日志</span>
             <div style="float: right;">部署时间:{{ updateTime }}</div>
           </div>
+          <div class="bottom-btn">
+            <el-popover placement="top" width="250" trigger="hover">
+              <p>
+                这是一个付费群，谢谢您愿意支持开源，加群获取详细文档，群内提供vue-admin-beautiful-template基础模板
+              </p>
+              <el-image :src="require('@/assets/ewm.png')"></el-image>
+              <a slot="reference" target="_blank">
+                <el-button type="primary">QQ讨论群</el-button>
+              </a>
+            </el-popover>
+            <a @click="handleChangeTheme">
+              <el-button type="danger">修改主题和布局</el-button>
+            </a>
+            <a
+              target="_blank"
+              href="https://github.com/chuzhixin/vue-admin-beautiful"
+            >
+              <el-button type="warning">
+                github下载源码点star（实时更新）
+              </el-button>
+            </a>
+            <a
+              target="_blank"
+              href="https://gitee.com/chu1204505056/vue-admin-beautiful"
+            >
+              <el-button type="warning">码云下载源码点star</el-button>
+            </a>
+            <el-popover placement="top" width="250" trigger="hover">
+              <p>
+                谢谢您愿意支持开源，加群获取详细教程，群内提供vue-admin-beautiful-template基础模板
+              </p>
+              <el-image :src="require('@/assets/ewm.png')"></el-image>
+              <a slot="reference" target="_blank">
+                <el-button type="warning">文档</el-button>
+              </a>
+            </el-popover>
+          </div>
           <table class="table">
             <tr>
               <td>@vue/cli版本</td>
@@ -170,44 +205,6 @@
               <td>{{ dependencies["lodash"] }}</td>
             </tr>
           </table>
-
-          <div v-if="nodeEnv !== 'development'" class="bottom-btn">
-            <el-popover placement="top" width="250" trigger="hover">
-              <p>
-                这是一个付费群，谢谢您愿意支持开源，加群获取详细文档，群内提供vue-admin-beautiful-template基础模板
-              </p>
-              <el-image :src="require('@/assets/ewm.png')"></el-image>
-              <a slot="reference" target="_blank">
-                <el-button type="primary">QQ讨论群 972435319</el-button>
-              </a>
-            </el-popover>
-            <a @click="handleChangeTheme">
-              <el-button type="danger">修改主题和布局</el-button>
-            </a>
-            <a
-              target="_blank"
-              href="https://github.com/chuzhixin/vue-admin-beautiful"
-            >
-              <el-button type="warning">
-                github下载源码点star（实时更新）
-              </el-button>
-            </a>
-            <a
-              target="_blank"
-              href="https://gitee.com/chu1204505056/vue-admin-beautiful"
-            >
-              <el-button type="warning">码云下载源码点star</el-button>
-            </a>
-            <el-popover placement="top" width="250" trigger="hover">
-              <p>
-                谢谢您愿意支持开源，加群获取详细教程，群内提供vue-admin-beautiful-template基础模板
-              </p>
-              <el-image :src="require('@/assets/ewm.png')"></el-image>
-              <a slot="reference" target="_blank">
-                <el-button type="warning">文档</el-button>
-              </a>
-            </el-popover>
-          </div>
         </el-card>
       </el-col>
 
@@ -782,7 +779,7 @@
     }
 
     .card {
-      min-height: 420px;
+      min-height: 400px;
 
       ::v-deep {
         .el-card__body {
@@ -839,10 +836,8 @@
     }
 
     .bottom-btn {
-      margin-top: 5px;
-
       button {
-        margin: 5px 10px 5px 0;
+        margin: 5px 10px 15px 0;
       }
     }
   }