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

fix:router

Browse Source
This commit is contained in:
wangzenghua 2025-04-25 02:06:54 +01:00
parent 96b4812e47
commit d0e78ef2b7
5 changed files with 97 additions and 141 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -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;
}
}

67
src/router/index.js
View File

@ -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,
// },
];
/**

12
src/router/modules/demo.js
View File

@ -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' },
},
],
},

88
src/router/modules/v2.js
View File

@ -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,
// },
],
};

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

@ -55,8 +55,9 @@ const options = ref({
font-family: 'DingTalk JinBuTi, DingTalk JinBuTi-Regular';
font-weight: 700;
}
}
&:nth-child(1) {
&:deep(.row-item-1) {
.ranking-info {
color: #fe7f03 !important;
}
@ -67,7 +68,8 @@ const options = ref({
background: linear-gradient(90deg, rgba(254, 127, 3, 0), #fe7f03) !important;
}
}
&:nth-child(2) {
&:deep(.row-item-2) {
.ranking-info {
color: #fef906 !important;
}
@ -78,7 +80,8 @@ const options = ref({
background: linear-gradient(90deg, rgba(254, 249, 6, 0), #fef906) !important;
}
}
&:nth-child(3) {
&:deep(.row-item-3) {
.ranking-info {
color: #02fd94 !important;
}
@ -90,5 +93,4 @@ const options = ref({
}
}
}
}
</style>