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-04 00:29:43 +08:00
parent 74820c2c0a
commit 735879f4ce
3 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages_mine/pages/help/index.vue
View File

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

6
src/pages_mine/pages/info/edit.vue
View File

@@ -125,10 +125,10 @@ page {
.submit-btn { .submit-btn {
width: 100%; width: 100%;
height: 88rpx; height: 88rpx;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); background: linear-gradient(135deg, #E8841A 0%, #F5A623 100%);
border-radius: 44rpx; border-radius: 44rpx;
border: none; 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; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -140,7 +140,7 @@ page {
&:active { &:active {
transform: scale(0.98); 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 { .btn-text {

16
src/pages_mine/pages/pwd/index.vue
View File

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