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

Merge pull request 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
web/src/pages
Home.vue

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

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