修改并优化了一些功能及bug

This commit is contained in:
王利强
2026-05-14 13:45:46 +08:00
parent 805747d1d9
commit 2322fcf39a
51 changed files with 802 additions and 346 deletions

View File

@@ -3,9 +3,20 @@
<!-- 顶部弥散渐变背景 -->
<view class="header-bg">
<!-- 弥散光斑效果 -->
<view class="blur-circle circle-1"></view>
<!-- <view class="blur-circle circle-1"></view>
<view class="blur-circle circle-2"></view>
<view class="blur-circle circle-3"></view>
<view class="blur-circle circle-3"></view> -->
<u-navbar
title="我的"
:placeholder="false"
:fixed="false"
:safeAreaInsetTop="true"
bgColor="transparent"
titleColor="#fff"
:border="false"
leftIcon=""
>
</u-navbar>
<!-- 标题 -->
<!-- <view class="header-title">我的</view> -->
@@ -19,7 +30,7 @@
<view class="user-name">{{ userInfo.nickName || '未设置昵称' }}</view>
<view class="user-phone">{{ userInfo.phonenumber || '未绑定手机' }}</view>
</view>
<button class="edit-btn" @click="editinfo()">编辑资料</button>
<image class="edit-icon" src="/static/my/edit.png" mode="aspectFit" @click="editinfo()"></image>
</view>
</view>
@@ -184,15 +195,15 @@
<style lang="scss" scoped>
.page-wrapper {
min-height: 100vh;
background: #EBF2FC;
background: #fff;
}
// 顶部弥散渐变背景
.header-bg {
position: relative;
height: 400rpx;
background: linear-gradient(180deg, #3B7FED 0%, #007AFF 50%, #8BB8F8 100%);
padding-top: 60rpx;
height: 480rpx;
background: #2667E9;
padding-top: 0;
overflow: hidden;
// 弥散光斑效果
@@ -277,27 +288,23 @@
}
}
.edit-btn {
// padding: 16rpx 32rpx;
background: rgba(255, 255, 255, 0.25);
border: 2rpx solid rgba(255, 255, 255, 0.5);
border-radius: 32rpx;
font-size: 26rpx;
color: #fff;
backdrop-filter: blur(10rpx);
&::after {
border: none;
}
.edit-icon {
width: 48rpx;
height: 48rpx;
flex-shrink: 0;
}
}
// 内容区域
.content-area {
position: relative;
margin-top: -60rpx;
padding: 0 30rpx 50rpx;
margin-top: -40rpx;
padding: 40rpx 30rpx 50rpx;
z-index: 10;
background: #fff;
border-top-left-radius: 40rpx;
border-top-right-radius: 40rpx;
min-height: calc(100vh - 360rpx);
}
// 菜单卡片
@@ -305,7 +312,7 @@
background: #fff;
border-radius: 24rpx;
padding: 10rpx 0;
box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.06);
box-shadow: 0 8rpx 30rpx rgba(0, 0, 0, 0.1);
}
.menu-item {