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", version: "1.1.0",
// 应用logo // 应用logo
logo: "/static/logo.jpg", logo: "/static/logo1.png",
// 官方网站 // 官方网站
site_url: "https://www.qdintc.com", site_url: "https://www.qdintc.com",
// 政策协议 // 政策协议

36
src/pages/login.vue
View File

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

26
src/pages/register.vue
View File

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

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

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

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 87 KiB