From 0c238bf993a4b975dda9c1051317d1cd7917dc1d Mon Sep 17 00:00:00 2001
From: chuzhixin <1204505056@qq.com>
Date: Sat, 31 Oct 2020 22:11:43 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=80=20feat:=20Update=20layouts?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/{Ad => VabAd}/index.vue        |  2 +-
 .../{AppMain => VabAppMain}/index.vue         |  4 ++--
 .../{Avatar => VabAvatar}/index.vue           |  2 +-
 .../{Breadcrumb => VabBreadcrumb}/index.vue   |  2 +-
 .../components/{Logo => VabLogo}/index.vue    |  2 +-
 .../{NavBar => VabNavBar}/index.vue           | 14 ++++++-------
 .../{ThemeBar => VabThemeBar}/index.vue       |  2 +-
 src/layouts/index.vue                         | 20 +++++++++----------
 src/views/index/index.vue                     |  9 ---------
 9 files changed, 24 insertions(+), 33 deletions(-)
 rename src/layouts/components/{Ad => VabAd}/index.vue (98%)
 rename src/layouts/components/{AppMain => VabAppMain}/index.vue (97%)
 rename src/layouts/components/{Avatar => VabAvatar}/index.vue (99%)
 rename src/layouts/components/{Breadcrumb => VabBreadcrumb}/index.vue (97%)
 rename src/layouts/components/{Logo => VabLogo}/index.vue (98%)
 rename src/layouts/components/{NavBar => VabNavBar}/index.vue (91%)
 rename src/layouts/components/{ThemeBar => VabThemeBar}/index.vue (99%)

diff --git a/src/layouts/components/Ad/index.vue b/src/layouts/components/VabAd/index.vue
similarity index 98%
rename from src/layouts/components/Ad/index.vue
rename to src/layouts/components/VabAd/index.vue
index c13f239..1184f65 100644
--- a/src/layouts/components/Ad/index.vue
+++ b/src/layouts/components/VabAd/index.vue
@@ -18,7 +18,7 @@
 <script>
   import { getList } from '@/api/ad'
   export default {
-    name: 'Ad',
+    name: 'VabAd',
     data() {
       return {
         nodeEnv: process.env.NODE_ENV,
diff --git a/src/layouts/components/AppMain/index.vue b/src/layouts/components/VabAppMain/index.vue
similarity index 97%
rename from src/layouts/components/AppMain/index.vue
rename to src/layouts/components/VabAppMain/index.vue
index f202193..c85b466 100644
--- a/src/layouts/components/AppMain/index.vue
+++ b/src/layouts/components/VabAppMain/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div v-if="routerView" class="app-main-container">
-    <github-corner />
+    <vab-github-corner />
     <transition mode="out-in" name="fade-transform">
       <keep-alive :include="cachedRoutes" :max="keepAliveMaxNum">
         <router-view :key="key" class="app-main-height" />
@@ -24,7 +24,7 @@
   } from '@/config/settings'
 
   export default {
-    name: 'AppMain',
+    name: 'VabAppMain',
     data() {
       return {
         show: false,
diff --git a/src/layouts/components/Avatar/index.vue b/src/layouts/components/VabAvatar/index.vue
similarity index 99%
rename from src/layouts/components/Avatar/index.vue
rename to src/layouts/components/VabAvatar/index.vue
index dca8678..9e73ba7 100644
--- a/src/layouts/components/Avatar/index.vue
+++ b/src/layouts/components/VabAvatar/index.vue
@@ -22,7 +22,7 @@
   import { recordRoute } from '@/config/settings'
 
   export default {
-    name: 'Avatar',
+    name: 'VabAvatar',
     computed: {
       ...mapGetters({
         avatar: 'user/avatar',
diff --git a/src/layouts/components/Breadcrumb/index.vue b/src/layouts/components/VabBreadcrumb/index.vue
similarity index 97%
rename from src/layouts/components/Breadcrumb/index.vue
rename to src/layouts/components/VabBreadcrumb/index.vue
index 17224ff..0259bcc 100644
--- a/src/layouts/components/Breadcrumb/index.vue
+++ b/src/layouts/components/VabBreadcrumb/index.vue
@@ -8,7 +8,7 @@
 
 <script>
   export default {
-    name: 'Breadcrumb',
+    name: 'VabBreadcrumb',
     data() {
       return {
         list: this.getBreadcrumb(),
diff --git a/src/layouts/components/Logo/index.vue b/src/layouts/components/VabLogo/index.vue
similarity index 98%
rename from src/layouts/components/Logo/index.vue
rename to src/layouts/components/VabLogo/index.vue
index d3fdf0e..5f9d776 100644
--- a/src/layouts/components/Logo/index.vue
+++ b/src/layouts/components/VabLogo/index.vue
@@ -18,7 +18,7 @@
   import { logo } from '@/config/settings'
 
   export default {
-    name: 'Logo',
+    name: 'VabLogo',
     data() {
       return {
         title: this.$baseTitle,
diff --git a/src/layouts/components/NavBar/index.vue b/src/layouts/components/VabNavBar/index.vue
similarity index 91%
rename from src/layouts/components/NavBar/index.vue
rename to src/layouts/components/VabNavBar/index.vue
index 4241d77..4fa4d0d 100644
--- a/src/layouts/components/NavBar/index.vue
+++ b/src/layouts/components/VabNavBar/index.vue
@@ -9,21 +9,21 @@
             class="fold-unfold"
             @click="handleCollapse"
           ></i>
-          <breadcrumb class="hidden-xs-only" />
+          <vab-breadcrumb class="hidden-xs-only" />
         </div>
       </el-col>
       <el-col :xs="20" :sm="12" :md="12" :lg="12" :xl="12">
         <div class="right-panel">
-          <error-log></error-log>
-          <full-screen-bar @refresh="refreshRoute"></full-screen-bar>
-          <theme-bar class="hidden-xs-only"></theme-bar>
+          <vab-error-log />
+          <vab-full-screen-bar @refresh="refreshRoute" />
+          <vab-theme-bar class="hidden-xs-only" />
           <vab-icon
             title="重载所有路由"
             :pulse="pulse"
             :icon="['fas', 'redo']"
             @click="refreshRoute"
-          ></vab-icon>
-          <avatar></avatar>
+          />
+          <vab-avatar />
           <!--  <vab-icon
             title="退出系统"
             :icon="['fas', 'sign-out-alt']"
@@ -39,7 +39,7 @@
   import { mapActions, mapGetters } from 'vuex'
 
   export default {
-    name: 'NavBar',
+    name: 'VabNavBar',
     data() {
       return {
         pulse: false,
diff --git a/src/layouts/components/ThemeBar/index.vue b/src/layouts/components/VabThemeBar/index.vue
similarity index 99%
rename from src/layouts/components/ThemeBar/index.vue
rename to src/layouts/components/VabThemeBar/index.vue
index d52216b..9501d4b 100644
--- a/src/layouts/components/ThemeBar/index.vue
+++ b/src/layouts/components/VabThemeBar/index.vue
@@ -70,7 +70,7 @@
   import { mapActions, mapGetters } from 'vuex'
   import { layout as defaultLayout } from '@/config/settings'
   export default {
-    name: 'ThemeBar',
+    name: 'VabThemeBar',
     data() {
       return {
         drawerVisible: false,
diff --git a/src/layouts/index.vue b/src/layouts/index.vue
index 2092f6c..5e779c7 100644
--- a/src/layouts/index.vue
+++ b/src/layouts/index.vue
@@ -9,19 +9,19 @@
       }"
     >
       <div :class="header === 'fixed' ? 'fixed-header' : ''">
-        <top-bar></top-bar>
+        <vab-top-bar />
         <div
           v-if="tabsBar === 'true' || tabsBar === true"
           :class="{ 'tag-view-show': tabsBar }"
         >
           <div class="vab-main">
-            <tabs-bar></tabs-bar>
+            <vab-tabs-bar />
           </div>
         </div>
       </div>
       <div class="vab-main main-padding">
-        <ad></ad>
-        <app-main></app-main>
+        <vab-ad />
+        <vab-app-main />
       </div>
     </div>
     <div
@@ -37,17 +37,17 @@
         class="mask"
         @click="handleFoldSideBar"
       />
-      <side-bar></side-bar>
+      <vab-side-bar />
       <div class="vab-main" :class="collapse ? 'is-collapse-main' : ''">
         <div :class="header === 'fixed' ? 'fixed-header' : ''">
-          <nav-bar></nav-bar>
-          <tabs-bar v-if="tabsBar === 'true' || tabsBar === true" />
+          <vab-nav-bar />
+          <vab-tabs-bar v-if="tabsBar === 'true' || tabsBar === true" />
         </div>
-        <ad></ad>
-        <app-main></app-main>
+        <vab-ad />
+        <vab-app-main />
       </div>
     </div>
-    <el-backtop></el-backtop>
+    <el-backtop />
   </div>
 </template>
 
diff --git a/src/views/index/index.vue b/src/views/index/index.vue
index e8a447e..4400e53 100644
--- a/src/views/index/index.vue
+++ b/src/views/index/index.vue
@@ -255,15 +255,6 @@
           <el-alert :closable="false" :title="userAgent" type="info"></el-alert>
           <br />
         </el-card>
-        <el-card shadow="never">
-          <div slot="header">
-            <span>关于开发者</span>
-          </div>
-          <img
-            src="https://github-readme-stats.vercel.app/api?username=chuzhixin"
-            alt=""
-          />
-        </el-card>
       </el-col>
     </el-row>
   </div>