fix:rank

src/components/custom-rank-list/index.vue

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

src/views/land/components/landCirculation.vue

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