refactor(app): 重构用户中心和订单相关页面

-调整了 app.config.ts 中的页面路径和顺序
- 移除了 article 页面
- 重构了 cart、find、order 和 user 页面的布局和功能
- 优化了导航栏和订单状态的显示逻辑
- 统一了页面样式和图标使用
This commit is contained in:
2025-08-11 21:03:27 +08:00
parent 87b83b4d2c
commit f69decdf4d
23 changed files with 206 additions and 354 deletions

View File

@@ -176,7 +176,7 @@ function UserCard() {
}
return (
<div className={'header-bg pt-36'}>
<div className={'header-bg pt-20'}>
<div className={'p-4'}>
<div
className={'user-card w-full flex flex-col justify-around rounded-xl shadow-sm'}
@@ -184,7 +184,7 @@ function UserCard() {
background: 'linear-gradient(to bottom, #ffffff, #ffffff)', // 这种情况建议使用类名来控制样式(引入外联样式)
// width: '720rpx',
// margin: '10px auto 0px auto',
height: '180px',
height: '170px',
// borderRadius: '22px 22px 0 0',
}}
>
@@ -200,7 +200,7 @@ function UserCard() {
)
}
<div className={'user-info flex flex-col px-2'}>
<div className={'py-1 text-black font-bold'}>{IsLogin ? userInfo?.mobile : '请点击头像登录'}</div>
<div className={'py-1 text-black font-bold'}>{IsLogin ? userInfo?.nickname : '请点击头像登录'}</div>
{IsLogin ? (
<div className={'grade text-xs py-1'}>
<Tag type="success" round>
@@ -215,7 +215,7 @@ function UserCard() {
{'个人资料'}
</div>
</div>
<div className={'flex justify-around mt-5'}>
<div className={'flex justify-around mt-1'}>
<div className={'item flex justify-center flex-col items-center'} onClick={() => navTo('/user/wallet/wallet', true)}>
<span className={'text-sm text-gray-500'}></span>
<span className={'text-xl'}>¥ {userInfo?.balance || '0.00'}</span>