@@ -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>
|
||||
|
||||
@@ -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" />
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user