public/crmeb_java
1
0
Fork 0
mirror of https://gitee.com/ZhongBangKeJi/crmeb_java.git synced 2026-04-28 21:31:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

我们发布啦

Browse Source
This commit is contained in:
张乐
2020-08-13 16:12:57 +08:00
parent ec2ddb4e10
commit acd9b0cb1a
1884 changed files with 344865 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
admin/src/components/cards/index.vue Normal file
View File

@@ -0,0 +1,102 @@
<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"
: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>
<div class="card_box_txt">
<span class="sp1" v-text="item.count || 0"></span>
<span class="sp2" v-text="item.name"></span>
</div>
</div>
</el-col>
</el-row>
</template>
<script>
export default {
name: "index",
props: {
cardLists: Array
},
}
</script>
<style scoped lang="scss">
.one{
background: #E4ECFF;
}
.two{
background: #FFF3E0;
}
.three{
background: #EAF9E1;
}
.four{
background: #FFEAF4;
}
.five{
background: #F1E4FF;
}
.one1{
background: #4D7CFE;
}
.two1{
background: #FFAB2B;
}
.three1{
background: #6DD230;
}
.four1{
background: #FF85C0;
}
.five1{
background: #B37FEB;
}
.card_box {
width: 100%;
height: 100%;
display: flex;
align-items: center;
/*justify-content: center*/
padding: 25px;
box-sizing: border-box;
border-radius: 4px;
background: #f5f7f9;
.card_box_cir {
width: 60px;
height: 60px;
border-radius: 50%;
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;
}
.sp2 {
display: block;
color: #98A9BC;
font-size: 12px;
}
}
}
</style>