dyf/dyf-vue-ui
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

样式优化

Browse Source
This commit is contained in:
fengerli
2025-09-29 16:52:24 +08:00
parent 6454933d59
commit 7eb64f2d70
3 changed files with 54 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
.env.development
View File

@ -6,10 +6,10 @@ VITE_APP_ENV = 'development'
# 开发环境 # 开发环境
#VITE_APP_BASE_API = 'https://fuyuanshen.com/backend' #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/ # 应用访问路径 例如使用前缀 /admin/

72
src/views/homeIndex/index.vue
View File

@ -137,7 +137,7 @@ onMounted(() => {
.top-fixed { .top-fixed {
width: 100%; width: 100%;
height:7vh; height: 7vh;
background: url(@/assets/homeIndex/top.png) no-repeat; background: url(@/assets/homeIndex/top.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
z-index: 11; z-index: 11;
@ -194,19 +194,22 @@ onMounted(() => {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
width: 30vw; width: 35vw;
height: 100vh; height: 100vh;
background: url(@/assets/homeIndex/left.png) no-repeat; background: url(@/assets/homeIndex/left.png) no-repeat;
background-size: 100%;
} }
.right { .right {
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
width: 30vw; width: 35vw;
height: 100vh; height: 100vh;
background: url(@/assets/homeIndex/right.png) no-repeat; background: url(@/assets/homeIndex/right.png) no-repeat;
background-size: 100%;
} }
/* 左侧模块组 */ /* 左侧模块组 */
.left-modules { .left-modules {
position: absolute; position: absolute;
@ -232,6 +235,18 @@ onMounted(() => {
pointer-events: auto; 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 { .bottom-middle-module {
position: absolute; position: absolute;
@ -241,8 +256,6 @@ onMounted(() => {
width: 44vw; width: 44vw;
height: calc(39vh - 9vh); height: calc(39vh - 9vh);
pointer-events: auto; pointer-events: auto;
background: url(@/assets/homeIndex/bottom.png) no-repeat;
background-size: 100% 100%;
} }
/* 模块卡片样式 */ /* 模块卡片样式 */
@ -259,33 +272,40 @@ onMounted(() => {
border-radius: 10px; border-radius: 10px;
margin-bottom: 1vh; margin-bottom: 1vh;
} }
.left-modules .module-card:nth-of-type(1) { .left-modules .module-card:nth-of-type(1) {
background: url(@/assets/homeIndex/card1.png) no-repeat; background: url(@/assets/homeIndex/card1.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.left-modules .module-card:nth-of-type(2) { .left-modules .module-card:nth-of-type(2) {
background: url(@/assets/homeIndex/card2.png) no-repeat; background: url(@/assets/homeIndex/card2.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.left-modules .module-card:nth-of-type(3) { .left-modules .module-card:nth-of-type(3) {
background: url(@/assets/homeIndex/card3.png) no-repeat; background: url(@/assets/homeIndex/card3.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.right-modules .module-card:nth-of-type(1) { .right-modules .module-card:nth-of-type(1) {
background: url(@/assets/homeIndex/card4.png) no-repeat; background: url(@/assets/homeIndex/card4.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.right-modules .module-card:nth-of-type(2) { .right-modules .module-card:nth-of-type(2) {
background: url(@/assets/homeIndex/card5.png) no-repeat; background: url(@/assets/homeIndex/card5.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.right-modules .module-card:nth-of-type(3) { .right-modules .module-card:nth-of-type(3) {
background: url(@/assets/homeIndex/card6.png) no-repeat; background: url(@/assets/homeIndex/card6.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.bottom-middle-module .module-card:nth-of-type(1) { .bottom-middle-module .module-card:nth-of-type(1) {
background: url(@/assets/homeIndex/card7.png) no-repeat; background: url(@/assets/homeIndex/card7.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
/* 模块标题 */ /* 模块标题 */
@ -296,20 +316,20 @@ onMounted(() => {
display: flex; display: flex;
align-items: center; align-items: center;
flex-shrink: 0; flex-shrink: 0;
left:4.8vh; left: 4.8vh;
top:1.5vh; top: 1.5vh;
font-family: SourceHanSansCN, SourceHanSansCN; font-family: SourceHanSansCN, SourceHanSansCN;
font-weight: 500; font-weight: 500;
/* font-size: 18px; */ /* font-size: 18px; */
color: #F2F8FF; 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 { .realtime-header {
left: 7.5vh; left: 7.5vh;
top:1.5vh; top: 1.5vh;
} }
/* 模块内容 */ /* 模块内容 */

10
src/views/login.vue
View File

@ -13,13 +13,13 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item prop="username"> <el-form-item prop="username">
<el-input v-model="loginForm.username" type="text" size="large" auto-complete="off" <el-input v-model="loginForm.username" type="text" size="large" auto-complete="off" name="random-username-field"
placeholder="账号"> placeholder="账号">
<template #prefix><svg-icon icon-class="user" class="el-input__icon input-icon" /></template> <template #prefix><svg-icon icon-class="user" class="el-input__icon input-icon" /></template>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item prop="password"> <el-form-item prop="password">
<el-input v-model="loginForm.password" type="password" size="large" auto-complete="off" <el-input v-model="loginForm.password" type="password" size="large" auto-complete="off" name="random-password-field"
placeholder="密码" @keyup.enter="handleLogin"> placeholder="密码" @keyup.enter="handleLogin">
<template #prefix><svg-icon icon-class="password" class="el-input__icon input-icon" /></template> <template #prefix><svg-icon icon-class="password" class="el-input__icon input-icon" /></template>
</el-input> </el-input>
@ -61,9 +61,9 @@ const userStore = useUserStore();
const router = useRouter(); const router = useRouter();
const loginForm = ref<LoginData>({ const loginForm = ref<LoginData>({
tenantId: '000000', tenantId: '',
username: 'admin', username: '',
password: 'admin123', password: '',
rememberMe: false, rememberMe: false,
code: '', code: '',
uuid: '' uuid: ''