🚀 feat: Update layouts

src/layouts/components/Ad/index.vue → src/layouts/components/VabAd/index.vue

@@ -18,7 +18,7 @@
 <script>
 <script>
   import { getList } from '@/api/ad'
   import { getList } from '@/api/ad'
   export default {
   export default {
-    name: 'Ad',
+    name: 'VabAd',
     data() {
     data() {
       return {
       return {
         nodeEnv: process.env.NODE_ENV,
         nodeEnv: process.env.NODE_ENV,

src/layouts/components/AppMain/index.vue → src/layouts/components/VabAppMain/index.vue

 <template>
 <template>
   <div v-if="routerView" class="app-main-container">
   <div v-if="routerView" class="app-main-container">
-    <github-corner />
+    <vab-github-corner />
     <transition mode="out-in" name="fade-transform">
     <transition mode="out-in" name="fade-transform">
       <keep-alive :include="cachedRoutes" :max="keepAliveMaxNum">
       <keep-alive :include="cachedRoutes" :max="keepAliveMaxNum">
         <router-view :key="key" class="app-main-height" />
         <router-view :key="key" class="app-main-height" />
@@ -24,7 +24,7 @@
   } from '@/config/settings'
   } from '@/config/settings'
 
 
   export default {
   export default {
-    name: 'AppMain',
+    name: 'VabAppMain',
     data() {
     data() {
       return {
       return {
         show: false,
         show: false,

src/layouts/components/Avatar/index.vue → src/layouts/components/VabAvatar/index.vue

@@ -22,7 +22,7 @@
   import { recordRoute } from '@/config/settings'
   import { recordRoute } from '@/config/settings'
 
 
   export default {
   export default {
-    name: 'Avatar',
+    name: 'VabAvatar',
     computed: {
     computed: {
       ...mapGetters({
       ...mapGetters({
         avatar: 'user/avatar',
         avatar: 'user/avatar',

src/layouts/components/Breadcrumb/index.vue → src/layouts/components/VabBreadcrumb/index.vue

@@ -8,7 +8,7 @@
 
 
 <script>
 <script>
   export default {
   export default {
-    name: 'Breadcrumb',
+    name: 'VabBreadcrumb',
     data() {
     data() {
       return {
       return {
         list: this.getBreadcrumb(),
         list: this.getBreadcrumb(),

src/layouts/components/Logo/index.vue → src/layouts/components/VabLogo/index.vue

@@ -18,7 +18,7 @@
   import { logo } from '@/config/settings'
   import { logo } from '@/config/settings'
 
 
   export default {
   export default {
-    name: 'Logo',
+    name: 'VabLogo',
     data() {
     data() {
       return {
       return {
         title: this.$baseTitle,
         title: this.$baseTitle,

src/layouts/components/NavBar/index.vue → src/layouts/components/VabNavBar/index.vue

@@ -9,21 +9,21 @@
             class="fold-unfold"
             class="fold-unfold"
             @click="handleCollapse"
             @click="handleCollapse"
           ></i>
           ></i>
-          <breadcrumb class="hidden-xs-only" />
+          <vab-breadcrumb class="hidden-xs-only" />
         </div>
         </div>
       </el-col>
       </el-col>
       <el-col :xs="20" :sm="12" :md="12" :lg="12" :xl="12">
       <el-col :xs="20" :sm="12" :md="12" :lg="12" :xl="12">
         <div class="right-panel">
         <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
           <vab-icon
             title="重载所有路由"
             title="重载所有路由"
             :pulse="pulse"
             :pulse="pulse"
             :icon="['fas', 'redo']"
             :icon="['fas', 'redo']"
             @click="refreshRoute"
             @click="refreshRoute"
-          ></vab-icon>
-          <avatar></avatar>
+          />
+          <vab-avatar />
           <!--  <vab-icon
           <!--  <vab-icon
             title="退出系统"
             title="退出系统"
             :icon="['fas', 'sign-out-alt']"
             :icon="['fas', 'sign-out-alt']"
@@ -39,7 +39,7 @@
   import { mapActions, mapGetters } from 'vuex'
   import { mapActions, mapGetters } from 'vuex'
 
 
   export default {
   export default {
-    name: 'NavBar',
+    name: 'VabNavBar',
     data() {
     data() {
       return {
       return {
         pulse: false,
         pulse: false,

src/layouts/components/ThemeBar/index.vue → src/layouts/components/VabThemeBar/index.vue

@@ -70,7 +70,7 @@
   import { mapActions, mapGetters } from 'vuex'
   import { mapActions, mapGetters } from 'vuex'
   import { layout as defaultLayout } from '@/config/settings'
   import { layout as defaultLayout } from '@/config/settings'
   export default {
   export default {
-    name: 'ThemeBar',
+    name: 'VabThemeBar',
     data() {
     data() {
       return {
       return {
         drawerVisible: false,
         drawerVisible: false,

src/layouts/index.vue

@@ -9,19 +9,19 @@
       }"
       }"
     >
     >
       <div :class="header === 'fixed' ? 'fixed-header' : ''">
       <div :class="header === 'fixed' ? 'fixed-header' : ''">
-        <top-bar></top-bar>
+        <vab-top-bar />
         <div
         <div
           v-if="tabsBar === 'true' || tabsBar === true"
           v-if="tabsBar === 'true' || tabsBar === true"
           :class="{ 'tag-view-show': tabsBar }"
           :class="{ 'tag-view-show': tabsBar }"
         >
         >
           <div class="vab-main">
           <div class="vab-main">
-            <tabs-bar></tabs-bar>
+            <vab-tabs-bar />
           </div>
           </div>
         </div>
         </div>
       </div>
       </div>
       <div class="vab-main main-padding">
       <div class="vab-main main-padding">
-        <ad></ad>
-        <app-main></app-main>
+        <vab-ad />
+        <vab-app-main />
       </div>
       </div>
     </div>
     </div>
     <div
     <div
@@ -37,17 +37,17 @@
         class="mask"
         class="mask"
         @click="handleFoldSideBar"
         @click="handleFoldSideBar"
       />
       />
-      <side-bar></side-bar>
+      <vab-side-bar />
       <div class="vab-main" :class="collapse ? 'is-collapse-main' : ''">
       <div class="vab-main" :class="collapse ? 'is-collapse-main' : ''">
         <div :class="header === 'fixed' ? 'fixed-header' : ''">
         <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>
         </div>
-        <ad></ad>
-        <app-main></app-main>
+        <vab-ad />
+        <vab-app-main />
       </div>
       </div>
     </div>
     </div>
-    <el-backtop></el-backtop>
+    <el-backtop />
   </div>
   </div>
 </template>
 </template>
 
 

src/views/index/index.vue

@@ -255,15 +255,6 @@
           <el-alert :closable="false" :title="userAgent" type="info"></el-alert>
           <el-alert :closable="false" :title="userAgent" type="info"></el-alert>
           <br />
           <br />
         </el-card>
         </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-col>
     </el-row>
     </el-row>
   </div>
   </div>