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 10:05:02 +08:00
parent 84689f602b
commit 7c6a898bf0
6 changed files with 125 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,6 +1,6 @@
<template>
<div class="AiRanking">
<div class="AiRanking-item" v-for="(item, index) in list" :key="index">
<div class="AiRanking-item" v-for="(item, index) in list" :key="index" :class="'AiRanking-item' + (index + 1)">
<i>{{ index + 1 }}</i>
<h2>{{ item.name }}</h2>
<span>{{ item.value }}</span>
@@ -78,9 +78,24 @@
height: 36px;
margin-bottom: 16px;
padding-right: 18px;
background: url(./asset/ranking1.png) no-repeat;
background: url(./asset/ranking4.png) no-repeat;
background-size: 100% 100%;
&.AiRanking-item1 {
background: url(./asset/ranking1.png) no-repeat;
background-size: 100% 100%;
}
&.AiRanking-item2 {
background: url(./asset/ranking2.png) no-repeat;
background-size: 100% 100%;
}
&.AiRanking-item3 {
background: url(./asset/ranking3.png) no-repeat;
background-size: 100% 100%;
}
.AiRanking-item__rate--wrapper {
flex: 1;
background: #6F7171;