fix: 样式进一步优化。

This commit is contained in:
tianyongbao
2026-03-04 00:29:43 +08:00
parent 74820c2c0a
commit 735879f4ce
3 changed files with 14 additions and 14 deletions

View File

@@ -2,8 +2,8 @@
<view class="help-container">
<view v-for="(item, findex) in list" :key="findex" class="help-section">
<view class="section-header">
<view class="header-icon" :style="{ background: findex === 0 ? 'linear-gradient(135deg, #E8841A 0%, #F5A623 100%)' : 'linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)' }">
<uni-icons :type="findex === 0 ? 'help' : 'info'" size="20" color="#ffffff"></uni-icons>
<view class="header-icon" :style="{ background: findex === 0 ? 'linear-gradient(135deg, #E8841A 0%, #F5A623 100%)' : 'linear-gradient(135deg, #E8841A 0%, #F5A623 100%)' }">
<uni-icons :type="findex === 0 ? 'help' : 'help'" size="20" :color="findex === 0 ? '#ffffff' : '#ffffff'"></uni-icons>
</view>
<text class="section-title">{{ item.title }}</text>
</view>
@@ -164,7 +164,7 @@ page {
.a-badge {
width: 36rpx;
height: 36rpx;
background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
background: linear-gradient(135deg, #FFCC6E 0%, #F5A623 100%);
border-radius: 8rpx;
display: flex;
align-items: center;

View File

@@ -125,10 +125,10 @@ page {
.submit-btn {
width: 100%;
height: 88rpx;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
background: linear-gradient(135deg, #E8841A 0%, #F5A623 100%);
border-radius: 44rpx;
border: none;
box-shadow: 0 8rpx 24rpx rgba(102, 126, 234, 0.4);
box-shadow: 0 8rpx 24rpx rgba(232, 132, 26, 0.4);
display: flex;
align-items: center;
justify-content: center;
@@ -140,7 +140,7 @@ page {
&:active {
transform: scale(0.98);
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.3);
box-shadow: 0 4rpx 16rpx rgba(232, 132, 26, 0.3);
}
.btn-text {

View File

@@ -16,7 +16,7 @@
<view class="tips-card">
<view class="tips-header">
<uni-icons type="info" size="18" color="#667eea"></uni-icons>
<uni-icons type="info" size="18" color="#E8841A"></uni-icons>
<text class="tips-title">密码要求</text>
</view>
<view class="tips-list">
@@ -125,11 +125,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.08) 0%, rgba(245, 166, 35, 0.08) 100%);
border-radius: 24rpx;
padding: 24rpx;
margin-bottom: 32rpx;
border: 2rpx solid rgba(102, 126, 234, 0.2);
border: 2rpx solid rgba(232, 132, 26, 0.2);
}
.tips-header {
@@ -138,7 +138,7 @@ page {
margin-bottom: 16rpx;
.tips-title {
color: #667eea;
color: #E8841A;
font-size: 28rpx;
font-weight: 600;
margin-left: 8rpx;
@@ -156,7 +156,7 @@ page {
}
.tip-dot {
color: #667eea;
color: #E8841A;
font-size: 28rpx;
margin-right: 8rpx;
line-height: 40rpx;
@@ -178,10 +178,10 @@ page {
.submit-btn {
width: 100%;
height: 88rpx;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
background: linear-gradient(135deg, #E8841A 0%, #F5A623 100%);
border-radius: 44rpx;
border: none;
box-shadow: 0 8rpx 24rpx rgba(102, 126, 234, 0.4);
box-shadow: 0 8rpx 24rpx rgba(232, 132, 26, 0.4);
display: flex;
align-items: center;
justify-content: center;
@@ -193,7 +193,7 @@ page {
&:active {
transform: scale(0.98);
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.3);
box-shadow: 0 4rpx 16rpx rgba(232, 132, 26, 0.3);
}
.btn-text {