From 7eb64f2d70a99befd023d8f151a61a9e6dba68ac Mon Sep 17 00:00:00 2001 From: fengerli <528575642@qq.com> Date: Mon, 29 Sep 2025 16:52:24 +0800 Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .env.development | 4 +- src/views/homeIndex/index.vue | 74 ++++++++++++++++++++++------------- src/views/login.vue | 10 ++--- 3 files changed, 54 insertions(+), 34 deletions(-) diff --git a/.env.development b/.env.development index cdbfb0f..2088cd3 100644 --- a/.env.development +++ b/.env.development @@ -6,10 +6,10 @@ VITE_APP_ENV = 'development' # 开发环境 #VITE_APP_BASE_API = 'https://fuyuanshen.com/backend' - #VITE_APP_BASE_API = 'https://www.cnxhyc.com/jq' + VITE_APP_BASE_API = 'https://www.cnxhyc.com/jq' #代永飞接口 -VITE_APP_BASE_API = 'http://192.168.2.23:8000' +#VITE_APP_BASE_API = 'http://192.168.2.23:8000' # 应用访问路径 例如使用前缀 /admin/ diff --git a/src/views/homeIndex/index.vue b/src/views/homeIndex/index.vue index 20dbb4d..0701890 100644 --- a/src/views/homeIndex/index.vue +++ b/src/views/homeIndex/index.vue @@ -132,12 +132,12 @@ onMounted(() => { width: 100vw; height: 100vh; position: relative; - overflow: hidden; + overflow: hidden; } .top-fixed { width: 100%; - height:7vh; + height: 7vh; background: url(@/assets/homeIndex/top.png) no-repeat; background-size: 100% 100%; z-index: 11; @@ -194,19 +194,22 @@ onMounted(() => { position: absolute; top: 0; left: 0; - width: 30vw; + width: 35vw; height: 100vh; background: url(@/assets/homeIndex/left.png) no-repeat; + background-size: 100%; } .right { position: absolute; top: 0; right: 0; - width: 30vw; + width: 35vw; height: 100vh; background: url(@/assets/homeIndex/right.png) no-repeat; + background-size: 100%; } + /* 左侧模块组 */ .left-modules { position: absolute; @@ -232,6 +235,18 @@ onMounted(() => { pointer-events: auto; } +.bottom { + position: absolute; + bottom: 0.4vw; + left: 50%; + transform: translateX(-50%); + width: 44vw; + height: calc(40vh - 7vh); + pointer-events: auto; + background: url(/src/assets/homeIndex/bottom.png) no-repeat; + background-size: 100% 100%; +} + /* 底部中间模块 */ .bottom-middle-module { position: absolute; @@ -241,8 +256,6 @@ onMounted(() => { width: 44vw; height: calc(39vh - 9vh); pointer-events: auto; - background: url(@/assets/homeIndex/bottom.png) no-repeat; - background-size: 100% 100%; } /* 模块卡片样式 */ @@ -259,33 +272,40 @@ onMounted(() => { border-radius: 10px; margin-bottom: 1vh; } + .left-modules .module-card:nth-of-type(1) { - background: url(@/assets/homeIndex/card1.png) no-repeat; - background-size: 100% 100%; + background: url(@/assets/homeIndex/card1.png) no-repeat; + background-size: 100% 100%; } + .left-modules .module-card:nth-of-type(2) { - background: url(@/assets/homeIndex/card2.png) no-repeat; - background-size: 100% 100%; + background: url(@/assets/homeIndex/card2.png) no-repeat; + background-size: 100% 100%; } + .left-modules .module-card:nth-of-type(3) { - background: url(@/assets/homeIndex/card3.png) no-repeat; - background-size: 100% 100%; + background: url(@/assets/homeIndex/card3.png) no-repeat; + background-size: 100% 100%; } + .right-modules .module-card:nth-of-type(1) { - background: url(@/assets/homeIndex/card4.png) no-repeat; - background-size: 100% 100%; + background: url(@/assets/homeIndex/card4.png) no-repeat; + background-size: 100% 100%; } + .right-modules .module-card:nth-of-type(2) { - background: url(@/assets/homeIndex/card5.png) no-repeat; - background-size: 100% 100%; + background: url(@/assets/homeIndex/card5.png) no-repeat; + background-size: 100% 100%; } + .right-modules .module-card:nth-of-type(3) { - background: url(@/assets/homeIndex/card6.png) no-repeat; - background-size: 100% 100%; + background: url(@/assets/homeIndex/card6.png) no-repeat; + background-size: 100% 100%; } + .bottom-middle-module .module-card:nth-of-type(1) { - background: url(@/assets/homeIndex/card7.png) no-repeat; - background-size: 100% 100%; + background: url(@/assets/homeIndex/card7.png) no-repeat; + background-size: 100% 100%; } /* 模块标题 */ @@ -296,20 +316,20 @@ onMounted(() => { display: flex; align-items: center; flex-shrink: 0; - left:4.8vh; - top:1.5vh; + left: 4.8vh; + top: 1.5vh; font-family: SourceHanSansCN, SourceHanSansCN; -font-weight: 500; -/* font-size: 18px; */ -color: #F2F8FF; + font-weight: 500; + /* font-size: 18px; */ + color: #F2F8FF; -text-shadow: 3px 0px 6px rgba(3,33,42,0.5); + text-shadow: 3px 0px 6px rgba(3, 33, 42, 0.5); } .realtime-header { left: 7.5vh; - top:1.5vh; + top: 1.5vh; } /* 模块内容 */ diff --git a/src/views/login.vue b/src/views/login.vue index ea0a28b..8e1fb65 100644 --- a/src/views/login.vue +++ b/src/views/login.vue @@ -13,13 +13,13 @@ - - @@ -61,9 +61,9 @@ const userStore = useUserStore(); const router = useRouter(); const loginForm = ref({ - tenantId: '000000', - username: 'admin', - password: 'admin123', + tenantId: '', + username: '', + password: '', rememberMe: false, code: '', uuid: ''