public/crmeb_java
1
0
Fork 0
mirror of https://gitee.com/ZhongBangKeJi/crmeb_java.git synced 2026-05-03 15:21:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

12.31开源admin代码更新

Browse Source
This commit is contained in:
hejinfu1026
2021-12-31 15:58:40 +08:00
parent 6c0981748b
commit 004def5763
545 changed files with 9743 additions and 139371 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
admin/src/components/cards/index.vue
View File

@@ -1,16 +1,15 @@
<template>
<el-row align="middle" :gutter="10" class="ivu-mt">
<el-col :xl="6" :lg="6" :md="12" :sm="24" :xs="24" class="ivu-mb mb10" v-for="(item, index) in cardLists"
<el-row align="middle" :gutter="20" class="ivu-mt">
<el-col :xl="6" :lg="6" :md="12" :sm="12" :xs="24" class="ivu-mb mb20" v-for="(item, index) in cardLists"
:key="index">
<div class="card_box">
<div class="card_box_cir" :class="{'one':index%5==0,'two':index%5==1,'three':index%5==2,'four':index%5==3,'five':index%5==4}">
<div class="card_box_cir1" :class="{'one1':index%5==0,'two1':index%5==1,'three1':index%5==2,'four1':index%5==3,'five1':index%5==4}">
<i class="el-icon-edit" style="color: #fff;"></i>
</div>
<div class="card_box_cir" :class="item.class">
<span class="iconfont" :class="item.icon" :style="{color:item.color}" v-if="item.icon"></span>
<i class="el-icon-edit" style="color: #fff;" v-else></i>
</div>
<div class="card_box_txt">
<span class="sp1" v-text="item.count || 0"></span>
<span class="sp2" v-text="item.name"></span>
<span class="sp1" v-text="item.count || 0"></span>
</div>
</div>
</el-col>
@@ -27,76 +26,81 @@
</script>
<style scoped lang="scss">
.one{
background: #E4ECFF;
}
.two{
background: #FFF3E0;
}
.three{
background: #EAF9E1;
}
.four{
background: #FFEAF4;
}
.five{
background: #F1E4FF;
}
.one {
background: rgba(24, 144, 255, .1);
}
.two {
background: rgba(162, 119, 255, .1);
}
.three {
background: rgba(232, 182, 0, .1);
}
.four {
background: rgba(27, 190, 107, .1);
}
.five {
background: rgba(75, 202, 213, .1);
}
.six {
background: rgba(239, 156, 32, .1);
}
.one1{
background: #4D7CFE;
background: #1890FF;
}
.two1{
background: #FFAB2B;
background: #A277FF;
}
.three1{
background: #6DD230;
background: #EF9C20;
}
.four1{
background: #FF85C0;
background: #1BBE6B;
}
.five1{
background: #B37FEB;
background: #4BCAD5;
}
.six1{
background: #EF9C20;
}
.card_box {
width: 100%;
height: 100%;
height: 110px;
display: flex;
align-items: center;
/*justify-content: center*/
padding: 25px;
box-sizing: border-box;
border-radius: 4px;
background: #f5f7f9;
background: #fff;
box-sizing: border-box;
.card_box_cir {
width: 60px;
height: 60px;
border-radius: 50%;
width: 50px;
height: 50px;
border-radius: 4px;
overflow: hidden;
margin-right: 20px;
display: flex;
justify-content: center;
align-items: center;
.card_box_cir1 {
width: 48px;
height: 48px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
}
.card_box_txt {
.sp1 {
display: block;
color: #252631;
font-size: 24px;
line-height: 37px;
color: #333333;
font-size: 28px;
padding-top: 3px;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
}
.sp2 {
display: block;
color: #98A9BC;
font-size: 12px;
color: #606266;
font-size: 14px;
font-weight: 400;
}
}
}
.iconfont{
font-size: 23px;
}
</style>