liubiao/dyf-vue-ui
1
0
Fork 0
forked from dyf/dyf-vue-ui
Code Pull Requests 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://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/

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

@ -137,7 +137,7 @@ onMounted(() => {
.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;
}
/* 模块内容 */

10
src/views/login.vue
View File

@ -13,13 +13,13 @@
</el-select>
</el-form-item>
<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="账号">
<template #prefix><svg-icon icon-class="user" class="el-input__icon input-icon" /></template>
</el-input>
</el-form-item>
<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">
<template #prefix><svg-icon icon-class="password" class="el-input__icon input-icon" /></template>
</el-input>
@ -61,9 +61,9 @@ const userStore = useUserStore();
const router = useRouter();
const loginForm = ref<LoginData>({
tenantId: '000000',
username: 'admin',
password: 'admin123',
tenantId: '',
username: '',
password: '',
rememberMe: false,
code: '',
uuid: ''