Web/digital-agriculture-screen
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix:rank

Browse Source
This commit is contained in:
wangzenghua 2025-04-24 09:07:32 +01:00
parent 8012d6c4cf
commit 6529454bb3
2 changed files with 14 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/custom-rank-list/index.vue
View File

@ -187,7 +187,7 @@ onUnmounted(() => {
.custom-rank-list { .custom-rank-list {
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
height: 100%; height: v-bind('h+"px"');
.row-item { .row-item {
display: flex; display: flex;
justify-content: center; justify-content: center;

20
src/views/land/components/landCirculation.vue
View File

@ -7,7 +7,7 @@
<script setup> <script setup>
import { ref } from 'vue'; import { ref } from 'vue';
const options = ref({ const options = ref({
attr: { w: '100%', h: 200 }, attr: { w: '100%', h: 240 },
option: { option: {
// 数据 // 数据
dataset: [ dataset: [
@ -30,15 +30,15 @@ const options = ref({
waitTime: 5, waitTime: 5,
unit: '万元', unit: '万元',
sort: true, sort: true,
height: 16, height: 12,
color: 'linear-gradient(90deg,rgba(53,208,192,0.00), #35d0c0)', color: 'linear-gradient(90deg,rgba(53,208,192,0.00), #35d0c0)',
textColor: '#fff', textColor: '#fff',
borderRadius: '12px', borderRadius: '12px',
carousel: 'single', carousel: 'single',
indexPrefix: 'TOP', indexPrefix: 'TOP',
indexFontSize: 12, indexFontSize: 12,
leftFontSize: 12, leftFontSize: 14,
rightFontSize: 12, rightFontSize: 14,
valueFormatter: (item) => { valueFormatter: (item) => {
return item.value; return item.value;
}, },
@ -48,8 +48,6 @@ const options = ref({
<style scoped lang="scss"> <style scoped lang="scss">
.rank { .rank {
padding: 10px 20px; padding: 10px 20px;
height: 280px;
overflow: hidden;
&:deep(.row-item) { &:deep(.row-item) {
.ranking-info { .ranking-info {
@ -65,15 +63,20 @@ const options = ref({
.ranking-value { .ranking-value {
color: #fe7f03 !important; color: #fe7f03 !important;
} }
.inside-column {
background: linear-gradient(90deg, rgba(254, 127, 3, 0), #fe7f03) !important;
}
} }
&:nth-child(2) { &:nth-child(2) {
.ranking-info { .ranking-info {
color: #fef906 !important; color: #fef906 !important;
} }
.ranking-value { .ranking-value {
color: #fef906 !important; color: #fef906 !important;
} }
.inside-column {
background: linear-gradient(90deg, rgba(254, 249, 6, 0), #fef906) !important;
}
} }
&:nth-child(3) { &:nth-child(3) {
.ranking-info { .ranking-info {
@ -82,6 +85,9 @@ const options = ref({
.ranking-value { .ranking-value {
color: #02fd94 !important; color: #02fd94 !important;
} }
.inside-column {
background: linear-gradient(90deg, rgba(2, 253, 148, 0), #02fd94) !important;
}
} }
} }
} }