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:01:39 +08:00
parent 22a41ff6d3
commit 74820c2c0a
4 changed files with 26 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/pages/mine.vue
View File

@@ -14,7 +14,7 @@
<view class="user-details">
<view v-if="!name" @click="handleToLogin" class="login-prompt">
<text class="login-text">点击登录</text>
<uni-icons type="right" size="16" color="#ffffff"></uni-icons>
<uni-icons type="right" size="16" color="#8B4500"></uni-icons>
</view>
<view v-if="name" class="user-name-section">
<text class="user-name">{{ name }}</text>
@@ -231,7 +231,7 @@ page {
.header-section {
padding: 40rpx 32rpx 80rpx;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
background: linear-gradient(160deg, #FFF3D6 0%, #FFE0A0 60%, #FFCC6E 100%);
position: relative;
overflow: hidden;
flex-shrink: 0;
@@ -243,7 +243,7 @@ page {
right: -20%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
background: radial-gradient(circle, rgba(255, 255, 255, 0.35) 0%, transparent 70%);
animation: pulse 15s infinite;
}
@@ -267,11 +267,11 @@ page {
width: 120rpx;
height: 120rpx;
border-radius: 60rpx;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
background: linear-gradient(135deg, #E8841A 0%, #F5A623 100%);
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 12rpx 40rpx rgba(102, 126, 234, 0.4);
box-shadow: 0 12rpx 40rpx rgba(232, 132, 26, 0.4);
position: relative;
overflow: hidden;
@@ -295,7 +295,7 @@ page {
width: 112rpx;
height: 112rpx;
border-radius: 56rpx;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
background: linear-gradient(135deg, #E8841A 0%, #F5A623 100%);
display: flex;
align-items: center;
justify-content: center;
@@ -312,12 +312,12 @@ page {
display: flex;
align-items: center;
padding: 16rpx 24rpx;
background: rgba(255, 255, 255, 0.2);
background: rgba(139, 69, 0, 0.15);
border-radius: 40rpx;
backdrop-filter: blur(10rpx);
.login-text {
color: #ffffff;
color: #8B4500;
font-size: 28rpx;
margin-right: 8rpx;
}
@@ -329,7 +329,7 @@ page {
margin-bottom: 12rpx;
.user-name {
color: #ffffff;
color: #8B4500;
font-size: 36rpx;
font-weight: 600;
margin-right: 12rpx;
@@ -337,15 +337,16 @@ page {
.user-tag {
padding: 4rpx 16rpx;
background: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);
background: linear-gradient(135deg, #E8841A 0%, #F5A623 100%);
border-radius: 20rpx;
color: #ffffff;
font-size: 20rpx;
box-shadow: 0 2rpx 8rpx rgba(232, 132, 26, 0.4);
}
}
.user-id {
color: rgba(255, 255, 255, 0.8);
color: rgba(139, 69, 0, 0.65);
font-size: 24rpx;
}
}
@@ -353,7 +354,7 @@ page {
.settings-btn {
padding: 16rpx;
background: rgba(255, 255, 255, 0.2);
background: rgba(139, 69, 0, 0.12);
border-radius: 50%;
backdrop-filter: blur(10rpx);
}

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

@@ -18,7 +18,7 @@
<text class="item-label">{{ item.label }}</text>
</view>
<view class="item-right">
<uni-link v-if="item.isLink" :href="item.value" :text="item.displayText" showUnderLine="false" color="#667eea"></uni-link>
<uni-link v-if="item.isLink" :href="item.value" :text="item.displayText" showUnderLine="false" color="#E8841A"></uni-link>
<text v-else class="item-value">{{ item.value }}</text>
</view>
</view>
@@ -44,7 +44,7 @@ const infoList = computed(() => [
label: '版本信息',
value: `v${version}`,
displayText: `v${version}`,
gradient: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',
gradient: 'linear-gradient(135deg, #E8841A 0%, #F5A623 100%)',
isLink: false
},
{
@@ -95,7 +95,7 @@ page {
display: flex;
flex-direction: column;
align-items: center;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
background: linear-gradient(160deg, #FFF3D6 0%, #FFE0A0 60%, #FFCC6E 100%);
position: relative;
overflow: hidden;
@@ -106,7 +106,7 @@ page {
right: -20%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
background: radial-gradient(circle, rgba(255, 255, 255, 0.35) 0%, transparent 70%);
animation: pulse 15s infinite;
}
@@ -118,8 +118,7 @@ page {
width: 140rpx;
height: 140rpx;
border-radius: 80rpx;
box-shadow: 0 12rpx 40rpx rgba(0, 0, 0, 0.2);
background: #ffffff;
box-shadow: 0 12rpx 40rpx rgba(232, 132, 26, 0.3);
padding: 15rpx;
}
@@ -129,21 +128,21 @@ page {
right: -10rpx;
width: 40rpx;
height: 40rpx;
background: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);
background: linear-gradient(135deg, #E8841A 0%, #F5A623 100%);
border-radius: 20rpx;
border: 4rpx solid #667eea;
border: 4rpx solid rgba(232, 132, 26, 0.3);
}
}
.app-name {
color: #ffffff;
color: #8B4500;
font-size: 36rpx;
font-weight: 700;
margin-bottom: 8rpx;
}
.app-slogan {
color: rgba(255, 255, 255, 0.8);
color: rgba(139, 69, 0, 0.65);
font-size: 26rpx;
}
}

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

@@ -2,7 +2,7 @@
<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, #667eea 0%, #764ba2 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, #4facfe 0%, #00f2fe 100%)' }">
<uni-icons :type="findex === 0 ? 'help' : 'info'" size="20" color="#ffffff"></uni-icons>
</view>
<text class="section-title">{{ item.title }}</text>
@@ -46,9 +46,6 @@
childList: [{
title: '如何退出登录？',
content: '请点击[我的] - [应用设置] - [退出登录]即可退出登录',
}, {
title: '如何修改用户头像？',
content: '请点击[我的] - [选择头像] - [点击提交]即可更换用户头像',
}, {
title: '如何修改登录密码？',
content: '请点击[我的] - [应用设置] - [修改密码]即可修改登录密码',
@@ -139,7 +136,7 @@ page {
.q-badge {
width: 36rpx;
height: 36rpx;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
background: linear-gradient(135deg, #E8841A 0%, #F5A623 100%);
border-radius: 8rpx;
display: flex;
align-items: center;

2
src/store/modules/user.ts
View File

@@ -14,6 +14,7 @@ const useUserStore = defineStore("user", {
state: () => ({
token: getToken(),
name: "",
userId: "",
avatar: "",
roles: Array(),
permissions: [],
@@ -56,6 +57,7 @@ const useUserStore = defineStore("user", {
this.roles = ["ROLE_DEFAULT"];
}
this.name = user.userName;
this.userId = user.userId;
this.avatar = avatar;
resolve(res);
})