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-09 14:49:34 +08:00
parent 7a04aba3f9
commit f2d0a09dc8
1 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -4,10 +4,12 @@
<i>{{ index + 1 }}</i> <i>{{ index + 1 }}</i>
<h2>{{ item.name }}</h2> <h2>{{ item.name }}</h2>
<span>{{ item.value }}</span> <span>{{ item.value }}</span>
<div class="AiRanking-item__rate" :style="{width: item.rate + '%'}"> <div class="AiRanking-item__rate--wrapper">
<div class="bar"> <div class="AiRanking-item__rate" :style="{width: item.rate + '%'}">
<span></span> <div class="bar">
<i></i> <span></span>
<i></i>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -79,6 +81,11 @@
background: url(./asset/ranking1.png) no-repeat; background: url(./asset/ranking1.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
.AiRanking-item__rate--wrapper {
flex: 1;
background: #6F7171;
}
.AiRanking-item__rate { .AiRanking-item__rate {
position: relative; position: relative;