'添加gin-vue-admin的web配置文件，具体文件请看core/config文件'

Author: bypanghu

web/src/core/config.js

@@ -0,0 +1,15 @@
+/*
+* 网站配置文件
+* */
+
+
+
+const config ={
+
+    appName : 'Gin-Vue-Admin',
+
+    appLogo : 'https://www.gin-vue-admin.com/img/logo.png'
+
+}
+
+export default config

web/src/core/gin-vue-admin.js

@@ -10,6 +10,10 @@ import APlayer from '@moefe/vue-aplayer'
 import '../../node_modules/timeline-vuejs/dist/timeline-vuejs.css'
 // 路由守卫
 import Bus from '@/utils/bus'
+//加载网站配置文件夹
+import config from './config'
+Vue.prototype.$GIN_VUE_ADMIN = config
+console.log(config)
 Vue.use(Bus)
 Vue.use(APlayer, {
   defaultCover: 'https://github.com/u3u.png',

web/src/utils/page.js

@@ -1,8 +1,7 @@
-const title = 'GIN-VUE-ADMIN'
-
+import config from '@/core/config'
 export default function getPageTitle(pageTitle) {
   if (pageTitle) {
-    return `${pageTitle} - ${title}`
+    return `${pageTitle} - ${config.appName}`
   }
-  return `${title}`
+  return `${config.appName}`
 }

web/src/view/layout/bottomInfo/bottomInfo.vue

@@ -3,7 +3,7 @@
     <div>
       <span>Powered by</span>
       <span>
-        <a href="https://github.com/flipped-aurora/gin-vue-admin">gin-vue-admin</a>
+        <a href="https://github.com/flipped-aurora/gin-vue-admin">{{$GIN_VUE_ADMIN.appName}}</a>
       </span>
       <el-divider direction="vertical" />
       <span>Copyright</span>

web/src/view/layout/index.vue

@@ -4,8 +4,8 @@
       <el-row :class="[isShadowBg?'shadowBg':'']" @click.native="changeShadow()" />
       <el-aside class="main-cont main-left">
         <div class="tilte">
-          <img alt class="logoimg" src="~@/assets/nav_logo.png">
-          <h2 v-if="isSider" class="tit-text">Gin-Vue-Admin</h2>
+          <img alt class="logoimg" :src="$GIN_VUE_ADMIN.appLogo">
+          <h2 v-if="isSider" class="tit-text">{{ $GIN_VUE_ADMIN.appName }}</h2>
         </div>
         <Aside class="aside" />
       </el-aside>
@@ -38,7 +38,7 @@
                     <Search />
                     <Screenfull class="screenfull" :style="{cursor:'pointer'}" />
                     <el-dropdown>
-                      <span class="header-avatar">
+                      <span class="header-avatar" style="cursor: pointer">
                         <CustomPic />
                         <span style="margin-left: 5px">{{ userInfo.nickName }}</span>
                         <i class="el-icon-arrow-down" />

web/src/view/layout/search/search.vue

@@ -23,7 +23,7 @@
       :style="{display:'inline-block',float:'right',width:'31px',textAlign:'left',fontSize:'16px',paddingTop:'2px'}"
       class="user-box"
     >
-      <i :style="{cursor:'pointer'}" class="el-icon-refresh" @click="$bus.$emit('reload')" />
+      <i :style="{cursor:'pointer'}" class="el-icon-refresh reload" :class="[reload ? 'reloading' : '']" @click="handleReload" />
     </div>
     <div :style="{display:'inline-block',float:'right'}" class="user-box">
       <i :style="{cursor:'pointer'}" class="el-icon-search search-icon" @click="showSearch()" />
@@ -39,7 +39,8 @@ export default {
   data() {
     return {
       value: '',
-      show: false
+      show: false,
+      reload: false
     }
   },
   computed: {
@@ -58,7 +59,33 @@ export default {
       this.$nextTick(() => {
         this.$refs['search-input'].focus()
       })
+    },
+    handleReload() {
+      this.reload = true
+      this.$bus.$emit('reload')
+      setTimeout(() => {
+        this.reload = false
+      }, 500)
     }
   }
 }
 </script>
+<style scoped lang="scss">
+.reload{
+  font-size: 17px;
+  &:hover{
+    transform: scale(1.02)
+  }
+}
+
+.reloading{
+  animation:turn 0.5s linear infinite;
+}
+@keyframes turn {
+  0%{-webkit-transform:rotate(0deg);}
+  25%{-webkit-transform:rotate(90deg);}
+  50%{-webkit-transform:rotate(180deg);}
+  75%{-webkit-transform:rotate(270deg);}
+  100%{-webkit-transform:rotate(360deg);}
+}
+</style>

web/src/view/login/index.vue

@@ -3,7 +3,7 @@
     <div class="login_panle">
       <div class="login_panle_form">
         <div class="login_panle_form_title">
-          <img class="login_panle_form_title_logo" src="@/assets/logo_login.png" alt=""><p class="login_panle_form_title_p">GIN-VUE-ADMIN</p>
+          <img class="login_panle_form_title_logo" :src="$GIN_VUE_ADMIN.appLogo" alt=""><p class="login_panle_form_title_p">{{$GIN_VUE_ADMIN.appName}}</p>
         </div>
         <el-form
           ref="loginForm"