From f983835744fd384a60b5977106f966db28dc788d Mon Sep 17 00:00:00 2001 From: zy_zr <985512818@qq.com> Date: Tue, 15 Apr 2025 18:22:42 +0800 Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E9=87=8D=E7=82=B9=E4=BA=BA?= =?UTF-8?q?=E7=BE=A4=E5=A4=A7=E5=B1=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/App.vue | 3 +- src/assets/css/homeScreen.scss | 90 ++++++++++----- src/assets/images/meun.png | Bin 4071 -> 908 bytes src/layout/components/Header.vue | 4 +- src/permission.js | 2 +- src/router/index.js | 5 + src/views/home/layout/head.vue | 185 ++++++++++++++++++------------- 7 files changed, 176 insertions(+), 113 deletions(-) diff --git a/src/App.vue b/src/App.vue index a952719..5083d98 100644 --- a/src/App.vue +++ b/src/App.vue @@ -49,7 +49,8 @@ li { -moz-osx-font-smoothing: grayscale; color: #fff; overflow-x: auto; - background: #263445; + // background: #263445; + background: #fff; } //只显示一排内容 diff --git a/src/assets/css/homeScreen.scss b/src/assets/css/homeScreen.scss index 006cadc..250f570 100644 --- a/src/assets/css/homeScreen.scss +++ b/src/assets/css/homeScreen.scss @@ -17,6 +17,30 @@ width: 442px; height: 100%; z-index: 10; + .asideTitle{ + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 10px; + box-sizing: border-box; + background: linear-gradient( 90deg, #124CB3 0%, rgba(18,76,179,0.23) 77%, rgba(18,76,179,0) 100%); + border-radius: 0px 0px 0px 0px; + height: 40px; + .title{ + font-weight: bold; + font-size: 16px; + color: #FFFFFF; + margin-right: 20px; + } + } + .asideCnt{ + height: calc(100% - 40px); + } + .aside-middle{ + height: calc(100%/2); + padding: 4px; + box-sizing: border-box; + } } .homeBtn{ height: 302px; @@ -32,9 +56,15 @@ position: fixed; top: 0; width: 100%; - height: 151px; - background: url("~@/assets/images/home_head.png") no-repeat center center; - background-size: 100% 100%; + height: 70px; + background: rgba(0,0,0,0.8); + .headBoxBg{ + width: 100%; + height: 100%; + background: url("~@/assets/images/home_head.png") no-repeat center center; + background-size: 100% 100%; + height: 151px; + } .top-center { position: absolute; left: 50%; @@ -44,14 +74,7 @@ letter-spacing: 2px; font-family: "YSBTH"; white-space: nowrap; - background-image: linear-gradient( - 72deg, - #0072ff 0%, - #00ffff 18%, - #07e9ff 51%, - #00ffff 83%, - #0072ff 100% - ); + background: linear-gradient(180deg, #FFFFFF 0%, #66B5FF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 4px 4px 4px rgba(54, 255, 243, 0.15); @@ -76,26 +99,10 @@ @include textColor(#a1d6ff, #ffffff); } } - .yjbtn{ - width: 155px; - height: 38px; - line-height: 38px; - text-align: center; - background: url("~@/assets/images/home_btns.png") no-repeat center center; - background-size: 100% 100%; - font-size: 16px; - font-family: "YSBTH"; - .btms{ - @include textColor(#a1d6ff, #ffffff); - } - } - .yjbtnActive{ - // background: url("~@/assets/images/home_btns_active.png") no-repeat center center; - // background-size: 100% 100%; - } + } .topBtn-left { - left: 5px; + left: 35px; font-size: 12px; .text { font-family: "YSBTH"; @@ -105,8 +112,31 @@ color: #0a99ff; } } + .leftBtn-yjbtn{ + position: absolute; + left: 430px; + top: 20px; + width: 155px; + height: 38px; + line-height: 38px; + text-align: center; + background: url("~@/assets/images/home_btns.png") no-repeat center center; + background-size: 100% 100%; + font-size: 16px; + font-family: "YSBTH"; + .btms{ + @include textColor(#a1d6ff, #ffffff); + } + } + .yjbtnActive{ + background: url("~@/assets/images/home_btns_active.png") no-repeat center center; + background-size: 100% 100%; + .btms{ + @include textColor(#00ffff, #faff00); + } + } .topBtn-right { - right: 170px; + right: 270px; .topBtn-item { background: url("~@/assets/images/home_btns_right.png") no-repeat center center; diff --git a/src/assets/images/meun.png b/src/assets/images/meun.png index 2ec29d3cdb96e6e09483efc5fb1c5da9adb35619..10e02352d85110078fe767a3ee1d33d285b8ade8 100644 GIT binary patch literal 908 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
- +
diff --git a/src/permission.js b/src/permission.js index a60d175..5a4e735 100644 --- a/src/permission.js +++ b/src/permission.js @@ -6,7 +6,7 @@ import { removeAllItem } from "@/utils/storage"; // 白名单 -const whiteList = ['/login','/', '/FourColorWarning','/oatuh_login','/editPassword', '/404', '/401'] +const whiteList = ['/login','/','/KeyPopulations', '/FourColorWarning','/oatuh_login','/editPassword', '/404', '/401'] /** * 路由前置守卫 * to 去哪里 diff --git a/src/router/index.js b/src/router/index.js index c830f03..c0a02e6 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -34,6 +34,11 @@ export const publicRoutes = [ name:'home', component: () => import("@/views/home/index") //系统登录 }, + { + path: "/KeyPopulations", + name:'KeyPopulations', + component: () => import("@/views/KeyPopulations/index") //系统登录 + }, { path: "/editPassword",// 注意：带有路径“/”的记录中的组件“默认”是一个不返回 Promise 的函数 component: layout, diff --git a/src/views/home/layout/head.vue b/src/views/home/layout/head.vue index 4b78833..6ec95f8 100644 --- a/src/views/home/layout/head.vue +++ b/src/views/home/layout/head.vue @@ -1,81 +1,91 @@