kubbo/dvcp_v2_webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完成大屏党建主题的适配

Browse Source
This commit is contained in:
yanran200730
2023-03-10 17:31:59 +08:00
parent f3570acc61
commit 4a88944b9c
2 changed files with 61 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
components/layout/AiDvSummary/components/Summary13.vue
View File

@@ -3,6 +3,10 @@
<div class="summary13-item" v-for="(item, index) in data" :key="index" v-if="index < 4">
<h2>{{ item[keys] }}：</h2>
<p>{{ item[value] }}</p>
<i class="lt"></i>
<i class="lb"></i>
<i class="rt"></i>
<i class="rb"></i>
</div>
</div>
</template>
@@ -66,7 +70,8 @@
text-align: center;
color: #fff;
font-size: 14px;
border: 1px solid #717171;
border-top: 1px solid #717171;
border-bottom: 1px solid #717171;
h2 {
color: #C4D8DB;
@@ -79,33 +84,71 @@
font-size: 14px;
}
&::after {
.lt {
position: absolute;
left: -1px;
top: 50%;
left: 0;
top: 0;
z-index: 11;
width: 1px;
height: 10px;
transform: translateY(-50%);
background: #0c0c0c;
height: 14px;
background: #717171;
content: ' ';
}
&::before {
.lb {
position: absolute;
right: - 1px;
top: 50%;
left: 0;
bottom: 0;
z-index: 11;
width: 1px;
height: 10px;
transform: translateY(-50%);
background: #0c0c0c;
height: 14px;
background: #717171;
content: ' ';
}
.rt {
position: absolute;
right: 0;
top: 0;
z-index: 11;
width: 1px;
height: 14px;
background: #717171;
content: ' ';
}
.rb {
position: absolute;
right: 0;
bottom: 0;
z-index: 11;
width: 1px;
height: 14px;
background: #717171;
content: ' ';
}
}
&.summary13-1 {
.summary13-item {
border-top: 1px solid #9f6456;
border-bottom: 1px solid #9f6456;
.lt {
background: #9f6456;
}
.lb {
background: #9f6456;
}
.rt {
background: #9f6456;
}
.rb {
background: #9f6456;
}
}
}
}
</style>