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

5
components/layout/AiRanking/AiRanking.vue
View File

@@ -187,6 +187,11 @@
background: url(./asset/ranking3-dj.png) no-repeat; background: url(./asset/ranking3-dj.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.AiRanking-item__rate--wrapper {
flex: 1;
background: #928D7C;
}
.AiRanking-item__rate { .AiRanking-item__rate {
position: relative; position: relative;