This commit is contained in:
yanran200730
2023-03-10 13:35:45 +08:00
parent b5bfc24916
commit 5b266397ee
9 changed files with 103 additions and 4 deletions

View File

@@ -15,7 +15,7 @@ export default {
lineStyle: {
shadowBlur: 1,
shadowOffsetY: 2,
width: 2
width: 3
}
}
}

View File

@@ -27,7 +27,8 @@ export default {
padding: 4px 0 0 22px;
color: #fff;
font-size: 22px;
font-weight: 500;
font-weight: normal;
font-family: PingFangSC-Medium, PingFang SC;
background-image: url(../asset/title6.png);
background-position: bottom;
background-size: 100% 7px;

View File

@@ -19,6 +19,7 @@
import Summary11 from './components/Summary11'
import Summary12 from './components/Summary12'
import Summary13 from './components/Summary13'
import Summary14 from './components/Summary14'
export default {
name: 'AiDvSummary',
@@ -37,7 +38,8 @@
Summary10,
Summary11,
Summary12,
Summary13
Summary13,
Summary14
},
props: {

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.6 KiB

View File

@@ -0,0 +1,93 @@
<template>
<div class="summary14">
<div class="summary14-item" v-for="(item, index) in data" :class="'summary14-item' + (index + 1)" :key="index" v-if="index < 4">
<h2>{{ item[keys] }}</h2>
<p>{{ item[value] }}</p>
</div>
</div>
</template>
<script>
export default {
name: 'summary14',
props: {
data: {
type: Array,
default: () => []
},
keys: {
type: String,
default: 'key'
},
value: {
type: String,
default: 'value'
}
},
data () {
return {
}
},
methods: {
}
}
</script>
<style lang="scss" scoped>
.summary14 {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
div {
box-sizing: border-box;
}
.summary14-item {
display: flex;
position: relative;
align-items: center;
flex-direction: column;
width: 116px;
height: 80px;
text-align: center;
color: #fff;
font-size: 14px;
background: url(../asset/Summary14-1.png) no-repeat bottom;
background-size: 116px 68px;
&.summary14-item2 {
background: url(../asset/Summary14-2.png) no-repeat bottom;
background-size: 116px 68px;
}
&.summary14-item3 {
background: url(../asset/Summary14-3.png) no-repeat bottom;
background-size: 116px 68px;
}
h2 {
line-height: 20px;
color: #ffffff;
font-size: 14px;
font-weight: 600;
font-weight: normal;
}
p {
color: #ffffff;
font-size: 26px;
font-weight: 700;
}
}
}
</style>

View File

@@ -151,6 +151,8 @@
margin-left: 20px;
color: #fff;
font-size: 18px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: normal;
}
span {

View File

@@ -182,7 +182,8 @@ export default {
data() {
return {
borderList: ['border0', 'border1', 'border2', 'border3', 'border4', 'border5', 'border6'],//边框待选项
summaryList: ['summary0', 'summary1', 'summary2', 'summary3', 'summary4', 'summary6', 'summary5', 'summary7', 'summary8', 'summary9', 'summary10', 'summary11', 'summary12', 'summary13'],//汇总待选项
summaryList: ['summary0', 'summary1', 'summary2', 'summary3', 'summary4', 'summary6', 'summary5',
'summary7', 'summary8', 'summary9', 'summary10', 'summary11', 'summary12', 'summary13', 'summary14'],//汇总待选项
//是否显示排名
tableStatus: [
{label: '是', value: '1'},