qdintc/intc-vue-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修改登录和注册页样式，改为暖色调。

Browse Source
This commit is contained in:
tianyongbao
2026-03-03 23:46:00 +08:00
parent f4b5a3907c
commit 22a41ff6d3
5 changed files with 34 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/config.js
View File

@@ -11,7 +11,7 @@ const config = {
// 应用版本
version: "1.1.0",
// 应用logo
logo: "/static/logo.jpg",
logo: "/static/logo1.png",
// 官方网站
site_url: "https://www.qdintc.com",
// 政策协议

36
src/pages/login.vue
View File

@@ -6,7 +6,7 @@
<view class="logo-wrapper">
<image class="logo-image" :src="globalConfig.appInfo.logo" mode="aspectFit"></image>
</view>
<text class="title">智聪健康管理平台</text>
<text class="title">暖康档案管理平台</text>
<text class="subtitle">专业的健康管理工具</text>
</view>
@@ -14,14 +14,14 @@
<view class="form-card">
<view class="input-item">
<view class="input-icon">
<uni-icons type="person" size="20" color="#667eea"></uni-icons>
<uni-icons type="person" size="20" color="#E8841A"></uni-icons>
</view>
<input v-model="loginForm.username" class="input" type="text" placeholder="请输入账号" maxlength="30" />
</view>
<view class="input-item">
<view class="input-icon">
<uni-icons type="locked" size="20" color="#667eea"></uni-icons>
<uni-icons type="locked" size="20" color="#E8841A"></uni-icons>
</view>
<input v-model="loginForm.password" type="password" class="input" placeholder="请输入密码" maxlength="20" />
</view>
@@ -183,7 +183,7 @@ page {
display: flex;
flex-direction: column;
box-sizing: border-box;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
background: linear-gradient(160deg, #FFF3D6 0%, #FFE0A0 60%, #FFCC6E 100%);
min-height: 100%;
height: auto;
}
@@ -200,7 +200,7 @@ page {
left: 0;
right: 0;
bottom: 0;
background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.1) 0%, transparent 60%);
background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.35) 0%, transparent 60%);
pointer-events: none;
}
@@ -218,10 +218,9 @@ page {
.logo-image {
width: 140rpx;
height: 140rpx;
border-radius: 28rpx;
box-shadow: 0 16rpx 48rpx rgba(0, 0, 0, 0.2);
background: #ffffff;
padding: 20rpx;
border-radius: 80rpx;
box-shadow: 0 16rpx 48rpx rgba(232, 132, 26, 0.3);
padding: 15rpx;
}
}
@@ -229,14 +228,14 @@ page {
display: block;
font-size: 48rpx;
font-weight: 700;
color: #ffffff;
color: #8B4500;
margin-bottom: 12rpx;
}
.subtitle {
display: block;
font-size: 26rpx;
color: rgba(255, 255, 255, 0.8);
color: rgba(139, 69, 0, 0.65);
}
}
@@ -265,8 +264,8 @@ page {
transition: all 0.3s ease;
&:focus-within {
background-color: #eff1f5;
box-shadow: 0 0 0 4rpx rgba(102, 126, 234, 0.1);
background-color: #fff3e0;
box-shadow: 0 0 0 4rpx rgba(232, 132, 26, 0.15);
}
.input-icon {
@@ -274,6 +273,7 @@ page {
display: flex;
align-items: center;
justify-content: center;
color: #E8841A;
}
.input {
@@ -298,10 +298,10 @@ page {
.login-btn {
width: 100%;
height: 96rpx;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
background: linear-gradient(135deg, #E8841A 0%, #F5A623 100%);
border-radius: 48rpx;
border: none;
box-shadow: 0 12rpx 32rpx rgba(102, 126, 234, 0.4);
box-shadow: 0 12rpx 32rpx rgba(232, 132, 26, 0.4);
display: flex;
align-items: center;
justify-content: center;
@@ -313,7 +313,7 @@ page {
&:active {
transform: scale(0.98);
box-shadow: 0 8rpx 24rpx rgba(102, 126, 234, 0.3);
box-shadow: 0 8rpx 24rpx rgba(232, 132, 26, 0.3);
}
.btn-text {
@@ -336,7 +336,7 @@ page {
gap: 16rpx;
.link-item {
color: rgba(255, 255, 255, 0.9);
color: rgba(139, 69, 0, 0.8);
font-size: 26rpx;
transition: all 0.3s ease;
@@ -346,7 +346,7 @@ page {
}
.separator {
color: rgba(255, 255, 255, 0.5);
color: rgba(139, 69, 0, 0.35);
font-size: 26rpx;
}
}

26
src/pages/register.vue
View File

@@ -23,7 +23,7 @@
<view class="tips-card">
<view class="tips-header">
<uni-icons type="info" size="16" color="#667eea"></uni-icons>
<uni-icons type="info" size="16" color="#E8841A"></uni-icons>
<text class="tips-title">密码要求</text>
</view>
<view class="tips-list">
@@ -136,7 +136,7 @@ page {
display: flex;
flex-direction: column;
box-sizing: border-box;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
background: linear-gradient(160deg, #FFF3D6 0%, #FFE0A0 60%, #FFCC6E 100%);
min-height: 100%;
height: auto;
}
@@ -153,7 +153,7 @@ page {
left: 0;
right: 0;
bottom: 0;
background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.1) 0%, transparent 60%);
background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.35) 0%, transparent 60%);
pointer-events: none;
}
@@ -166,14 +166,14 @@ page {
display: block;
font-size: 48rpx;
font-weight: 700;
color: #ffffff;
color: #8B4500;
margin-bottom: 12rpx;
}
.page-subtitle {
display: block;
font-size: 26rpx;
color: rgba(255, 255, 255, 0.8);
color: rgba(139, 69, 0, 0.65);
}
}
@@ -204,11 +204,11 @@ page {
}
.tips-card {
background: linear-gradient(135deg, rgba(102, 126, 234, 0.08) 0%, rgba(118, 75, 162, 0.08) 100%);
background: linear-gradient(135deg, rgba(232, 132, 26, 0.06) 0%, rgba(245, 166, 35, 0.06) 100%);
border-radius: 20rpx;
padding: 24rpx;
margin-top: 32rpx;
border: 2rpx solid rgba(102, 126, 234, 0.2);
border: 2rpx solid rgba(232, 132, 26, 0.2);
}
.tips-header {
@@ -217,7 +217,7 @@ page {
margin-bottom: 16rpx;
.tips-title {
color: #667eea;
color: #E8841A;
font-size: 26rpx;
font-weight: 600;
margin-left: 8rpx;
@@ -235,7 +235,7 @@ page {
}
.tip-dot {
color: #667eea;
color: #E8841A;
font-size: 24rpx;
margin-right: 8rpx;
line-height: 36rpx;
@@ -256,10 +256,10 @@ page {
.register-btn {
width: 100%;
height: 96rpx;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
background: linear-gradient(135deg, #E8841A 0%, #F5A623 100%);
border-radius: 48rpx;
border: none;
box-shadow: 0 12rpx 32rpx rgba(102, 126, 234, 0.4);
box-shadow: 0 12rpx 32rpx rgba(232, 132, 26, 0.4);
display: flex;
align-items: center;
justify-content: center;
@@ -271,7 +271,7 @@ page {
&:active {
transform: scale(0.98);
box-shadow: 0 8rpx 24rpx rgba(102, 126, 234, 0.3);
box-shadow: 0 8rpx 24rpx rgba(232, 132, 26, 0.3);
}
.btn-text {
@@ -289,7 +289,7 @@ page {
z-index: 1;
.copyright-text {
color: rgba(255, 255, 255, 0.7);
color: rgba(139, 69, 0, 0.5);
font-size: 24rpx;
}
}

4
src/pages_mine/pages/about/index.vue
View File

@@ -117,10 +117,10 @@ page {
.logo-image {
width: 140rpx;
height: 140rpx;
border-radius: 28rpx;
border-radius: 80rpx;
box-shadow: 0 12rpx 40rpx rgba(0, 0, 0, 0.2);
background: #ffffff;
padding: 16rpx;
padding: 15rpx;
}
.logo-shine {

BIN
src/static/logo1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 87 KiB