From d0e78ef2b7ac64b24232e481fc7fc7181a016f4d Mon Sep 17 00:00:00 2001
From: wangzenghua <1048523306@qq.com>
Date: Fri, 25 Apr 2025 02:06:54 +0100
Subject: [PATCH] fix:router

---
 src/components/custom-rank-list/index.vue     |  9 +-
 src/router/index.js                           | 67 ++------------
 src/router/modules/demo.js                    | 12 +--
 src/router/modules/v2.js                      | 88 +++++++++----------
 src/views/land/components/landCirculation.vue | 62 ++++++-------
 5 files changed, 97 insertions(+), 141 deletions(-)

diff --git a/src/components/custom-rank-list/index.vue b/src/components/custom-rank-list/index.vue
index f0d5024..789c9d5 100644
--- a/src/components/custom-rank-list/index.vue
+++ b/src/components/custom-rank-list/index.vue
@@ -1,6 +1,11 @@
 <template>
   <div :class="`custom-rank-list rank-${type}`" :style="`color: ${textColor}`">
-    <div v-for="(item, i) in status.rows" :key="item.toString() + item.scroll" class="row-item" :style="`height: ${status.heights[i]}px;`">
+    <div
+      v-for="(item, i) in status.rows"
+      :key="item.toString() + item.scroll"
+      :class="`row-item row-item-${item.ranking}`"
+      :style="`height: ${status.heights[i]}px;`"
+    >
       <div class="ranking-info">
         <div class="rank" :style="`color: ${color};font-size: ${indexFontSize}px`">{{ indexPrefix }}{{ item.ranking }}</div>
         <div class="info-name" :style="`font-size: ${leftFontSize}px`" v-html="item.name" />
@@ -223,7 +228,7 @@ onUnmounted(() => {
       height: 2px;
       background: radial-gradient(rgb(40 248 255) 5%, transparent 80%);
       transform: translateX(-100%);
-      animation: shine 3s ease-in-out infinite alternate;
+      // animation: shine 3s ease-in-out infinite alternate;
     }
   }
 
diff --git a/src/router/index.js b/src/router/index.js
index 275def0..ca4ceee 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -2,7 +2,6 @@ import { createRouter, createWebHistory } from 'vue-router';
 import Layout from '@/layouts/index.vue';
 
 import demoRouters from './modules/demo';
-import path from 'path-browserify';
 import v2 from './modules/v2';
 
 export const constantRoutes = [
@@ -22,67 +21,17 @@ export const constantRoutes = [
     path: '/',
     name: 'layout',
     component: Layout,
-    redirect: '/home',
+    redirect: '/v2/land',
     meta: { title: '首页', icon: 'House' },
-    // children: [
-    //   {
-    //     path: '/home',
-    //     component: () => import('@/views/home/index.vue'),
-    //     name: 'home',
-    //     meta: { title: '首页', icon: 'House' },
-    //   },
-    //   {
-    //     path: '/land',
-    //     component: () => import('@/views/land/index.vue'),
-    //     name: 'land',
-    //     meta: { title: '土地资源', icon: 'House' },
-    //   },
-    //   {
-    //     path: '/inputs',
-    //     name: 'inputs',
-    //     component: () => import('@/views/inputs/index.vue'),
-    //     hidden: true,
-    //   },
-    //   {
-    //     path: '/entities',
-    //     name: 'entities',
-    //     component: () => import('@/views/entities/index.vue'),
-    //     hidden: true,
-    //   },
-    //   {
-    //     path: '/breed',
-    //     name: 'breed',
-    //     component: () => import('@/views/breed/index.vue'),
-    //     hidden: true,
-    //   },
-    //   {
-    //     path: '/plant',
-    //     name: 'plant',
-    //     component: () => import('@/views/plant/index.vue'),
-    //     hidden: true,
-    //   },
-    //   {
-    //     path: '/trace',
-    //     name: 'trace',
-    //     component: () => import('@/views/trace/index.vue'),
-    //     hidden: true,
-    //   },
-    //   {
-    //     path: '/early',
-    //     name: 'early',
-    //     component: () => import('@/views/early/index.vue'),
-    //     hidden: true,
-    //   },
-    // ],
   },
-  ...demoRouters,
+  // ...demoRouters,
   v2,
-  {
-    path: '/test',
-    name: 'test',
-    component: () => import('@/views/test/index.vue'),
-    hidden: true,
-  },
+  // {
+  //   path: '/test',
+  //   name: 'test',
+  //   component: () => import('@/views/test/index.vue'),
+  //   hidden: true,
+  // },
 ];
 
 /**
diff --git a/src/router/modules/demo.js b/src/router/modules/demo.js
index f146968..909726e 100644
--- a/src/router/modules/demo.js
+++ b/src/router/modules/demo.js
@@ -3,9 +3,9 @@ import Layout from '@/layouts/index.vue';
 export default [
   {
     path: '/demo',
-    name: 'layout',
+    name: 'demo',
     component: Layout,
-    redirect: '/demo/scrollBoard',
+    redirect: '/scrollBoard',
     meta: { title: '案例', icon: 'document' },
     children: [
       {
@@ -21,10 +21,10 @@ export default [
         meta: { title: '滚动排名列表', icon: 'document' },
       },
       {
-        path: '/demo/test',
-        component: () => import('@/views/land/index.vue'),
-        name: 'demo-land',
-        meta: { title: '土地资源', icon: 'document' },
+        path: '/page',
+        component: () => import('@/views/demo/test.vue'),
+        name: 'page',
+        meta: { title: '测试', icon: 'document' },
       },
     ],
   },
diff --git a/src/router/modules/v2.js b/src/router/modules/v2.js
index 0e91c01..aa33c41 100644
--- a/src/router/modules/v2.js
+++ b/src/router/modules/v2.js
@@ -2,58 +2,58 @@ import Layout from '@/layouts/index.vue';
 
 export default {
   path: '/v2',
-  name: 'layout',
+  name: 'v2',
   component: Layout,
   redirect: '/v2/home',
   meta: { title: '首页', icon: 'House' },
   children: [
+    // {
+    //   path: '/v2/home',
+    //   component: () => import('@/views/home/index.vue'),
+    //   name: 'home',
+    //   meta: { title: '首页', icon: 'House' },
+    // },
     {
-      path: 'home',
-      component: () => import('@/views/home/index.vue'),
-      name: 'home',
-      meta: { title: '首页', icon: 'House' },
-    },
-    {
-      path: 'land',
+      path: '/v2/land',
       component: () => import('@/views/land/index.vue'),
       name: 'land',
       meta: { title: '土地资源', icon: 'House' },
     },
-    {
-      path: 'inputs',
-      name: 'inputs',
-      component: () => import('@/views/inputs/index.vue'),
-      hidden: true,
-    },
-    {
-      path: 'entities',
-      name: 'entities',
-      component: () => import('@/views/entities/index.vue'),
-      hidden: true,
-    },
-    {
-      path: 'breed',
-      name: 'breed',
-      component: () => import('@/views/breed/index.vue'),
-      hidden: true,
-    },
-    {
-      path: 'plant',
-      name: 'plant',
-      component: () => import('@/views/plant/index.vue'),
-      hidden: true,
-    },
-    {
-      path: 'trace',
-      name: 'trace',
-      component: () => import('@/views/trace/index.vue'),
-      hidden: true,
-    },
-    {
-      path: 'early',
-      name: 'early',
-      component: () => import('@/views/early/index.vue'),
-      hidden: true,
-    },
+    // {
+    //   path: 'inputs',
+    //   name: 'inputs',
+    //   component: () => import('@/views/inputs/index.vue'),
+    //   hidden: true,
+    // },
+    // {
+    //   path: 'entities',
+    //   name: 'entities',
+    //   component: () => import('@/views/entities/index.vue'),
+    //   hidden: true,
+    // },
+    // {
+    //   path: 'breed',
+    //   name: 'breed',
+    //   component: () => import('@/views/breed/index.vue'),
+    //   hidden: true,
+    // },
+    // {
+    //   path: 'plant',
+    //   name: 'plant',
+    //   component: () => import('@/views/plant/index.vue'),
+    //   hidden: true,
+    // },
+    // {
+    //   path: 'trace',
+    //   name: 'trace',
+    //   component: () => import('@/views/trace/index.vue'),
+    //   hidden: true,
+    // },
+    // {
+    //   path: 'early',
+    //   name: 'early',
+    //   component: () => import('@/views/early/index.vue'),
+    //   hidden: true,
+    // },
   ],
 };
diff --git a/src/views/land/components/landCirculation.vue b/src/views/land/components/landCirculation.vue
index c642cca..ea7b307 100644
--- a/src/views/land/components/landCirculation.vue
+++ b/src/views/land/components/landCirculation.vue
@@ -55,39 +55,41 @@ const options = ref({
       font-family: 'DingTalk JinBuTi, DingTalk JinBuTi-Regular';
       font-weight: 700;
     }
+  }
 
-    &:nth-child(1) {
-      .ranking-info {
-        color: #fe7f03 !important;
-      }
-      .ranking-value {
-        color: #fe7f03 !important;
-      }
-      .inside-column {
-        background: linear-gradient(90deg, rgba(254, 127, 3, 0), #fe7f03) !important;
-      }
+  &:deep(.row-item-1) {
+    .ranking-info {
+      color: #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;
-      }
+    .ranking-value {
+      color: #fe7f03 !important;
     }
-    &:nth-child(3) {
-      .ranking-info {
-        color: #02fd94 !important;
-      }
-      .ranking-value {
-        color: #02fd94 !important;
-      }
-      .inside-column {
-        background: linear-gradient(90deg, rgba(2, 253, 148, 0), #02fd94) !important;
-      }
+    .inside-column {
+      background: linear-gradient(90deg, rgba(254, 127, 3, 0), #fe7f03) !important;
+    }
+  }
+
+  &:deep(.row-item-2) {
+    .ranking-info {
+      color: #fef906 !important;
+    }
+    .ranking-value {
+      color: #fef906 !important;
+    }
+    .inside-column {
+      background: linear-gradient(90deg, rgba(254, 249, 6, 0), #fef906) !important;
+    }
+  }
+
+  &:deep(.row-item-3) {
+    .ranking-info {
+      color: #02fd94 !important;
+    }
+    .ranking-value {
+      color: #02fd94 !important;
+    }
+    .inside-column {
+      background: linear-gradient(90deg, rgba(2, 253, 148, 0), #02fd94) !important;
     }
   }
 }