7x31
/
anylink
mirror of https://github.com/bjdgyc/anylink.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #129 from lanrenwo/home_card_jump 

首页的卡片增加跳转链接
This commit is contained in:
bjdgyc 2022-08-14 11:50:29 +08:00 committed by GitHub
parent e72994c0b8 af52cc21bc
commit 1547201049
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
web/src/pages/Home.vue
View File

@ -2,7 +2,7 @@
<div class="home">
<el-row :gutter="40" class="panel-group">
<el-col :span="6" class="card-panel-col">
<div class="card-panel">
<div class="card-panel" v-on:click="jump('/admin/user/online')">
<i class="el-icon-user-solid" style="font-size:50px;color: #f4516c;"></i>
<div class="card-panel-description">
<div class="card-panel-text">在线数</div>
@ -12,7 +12,7 @@
</el-col>
<el-col :span="6" class="card-panel-col">
<div class="card-panel">
<div class="card-panel" v-on:click="jump('/admin/user/list')">
<i class="el-icon-user-solid" style="font-size:50px;color: #36a3f7"></i>
<div class="card-panel-description">
<div class="card-panel-text">用户数</div>
@ -22,7 +22,7 @@
</el-col>
<el-col :span="6" class="card-panel-col">
<div class="card-panel">
<div class="card-panel" v-on:click="jump('/admin/group/list')">
<i class="el-icon-wallet" style="font-size:50px;color:#34bfa3"></i>
<div class="card-panel-description">
<div class="card-panel-text">用户组数</div>
@ -32,7 +32,7 @@
</el-col>
<el-col :span="6" class="card-panel-col">
<div class="card-panel">
<div class="card-panel" v-on:click="jump('/admin/user/ip_map')">
<i class="el-icon-s-order" style="font-size:50px;color:#40c9c6"></i>
<div class="card-panel-description">
<div class="card-panel-text">IP映射数</div>
@ -114,6 +114,9 @@ export default {
console.log(error);
});
},
jump(path) {
this.$router.push(path);
},
},
}
</script>
@ -132,6 +135,11 @@ export default {
border-color: rgba(0, 0, 0, .05);
}
.card-panel:hover {
box-shadow: 0 3px 5px 2px rgba(0, 0, 0, .12), 0 0 5px 0 rgba(0, 0, 0, .04);
cursor:pointer;
}
.card-panel-description {
display: flex;
flex-direction: column;