admin/jurong_circle_front_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

2025-10-16

Browse Source 
商城主页
商城分类
我的
商品详情40%
This commit is contained in:
Sun_sun
2025-10-16 17:07:47 +08:00
parent ad2ce26c08
commit 28e36b5625
29 changed files with 1008 additions and 158 deletions
Download Patch File Download Diff File Expand all files Collapse all files

223
pages/my/my.vue
View File

@@ -7,7 +7,7 @@
<view class="header-avatar">
<u-avatar :src="getImageUrl(user.avatar)"></u-avatar>
</view>
<view class="header-username u-m-l-10">
<view class="header-username u-m-l-20">
{{user.real_name}}
</view>
</view>
@@ -15,7 +15,7 @@
<image src="/static/icon/Settings.png" style="width: 100%;height: 100%;" mode=""></image>
</view>
</view>
<view class="statistics">
<view class="item">
<view class="count">
@@ -51,7 +51,89 @@
</view>
</view>
<u-button @click="loginOut">退出登录</u-button>
<view class="open-vip">
<view class="text-vip">
<view class="title">
vip专享
</view>
<view class="sub-title">
立享价值1000元权益
</view>
</view>
<u-button class="btn-vip" hover-class="none" :hair-line="false">298元开通</u-button>
</view>
<view class="white-block">
<view class="item">
<view class="title">
会员权益
</view>
<view class="sub-title">
领取升级福利
</view>
</view>
<view class="item">
<view class="title">
积分商城
</view>
<view class="sub-title">
赚积分享福利
</view>
</view>
</view>
<view class="menu-list">
<view class="menu-item">
<u-image src="/static/my/01.png" width="40%" mode="widthFix"></u-image>
<view class="menu-text">
领券中心
</view>
</view>
<view class="menu-item">
<u-image src="/static/my/02.png" width="40%" mode="widthFix"></u-image>
<view class="menu-text">
积分兑换
</view>
</view>
<view class="menu-item">
<u-image src="/static/my/03.png" width="40%" mode="widthFix"></u-image>
<view class="menu-text">
我的客户
</view>
</view>
<view class="menu-item">
<u-image src="/static/my/04.png" width="40%" mode="widthFix"></u-image>
<view class="menu-text">
常见问题
</view>
</view>
<view class="menu-item">
<u-image src="/static/my/05.png" width="40%" mode="widthFix"></u-image>
<view class="menu-text">
充值中心
</view>
</view>
<view class="menu-item">
<u-image src="/static/my/06.png" width="40%" mode="widthFix"></u-image>
<view class="menu-text">
收货地址
</view>
</view>
<view class="menu-item">
<u-image src="/static/my/07.png" width="40%" mode="widthFix"></u-image>
<view class="menu-text">
我的订单
</view>
</view>
<view class="menu-item">
<u-image src="/static/my/08.png" width="40%" mode="widthFix"></u-image>
<view class="menu-text">
成为代理
</view>
</view>
</view>
<u-button class="u-m-t-20" @click="loginOut">退出登录</u-button>
</view>
</scroll-view>
</view>
@@ -92,10 +174,11 @@
justify-content: flex-end;
.header-user {
padding: 20rpx 10rpx;
flex: 1;
display: flex;
align-items: center;
height: 170rpx;
padding-left: 60rpx;
}
.header-setting {
@@ -103,17 +186,139 @@
height: 52rpx;
}
}
.statistics{
.statistics {
display: flex;
.item{
font-family: SF Pro;
font-weight: 510;
font-style: Medium;
font-size: 32rpx;
leading-trim: NONE;
line-height: 48rpx;
letter-spacing: 0%;
margin: 40rpx 0 20rpx;
.item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 25%;
border: 1rpx solid #000;
}
}
.open-vip {
display: flex;
justify-content: space-between;
background: #2B2B2B;
align-items: center;
padding: 24rpx 0;
border-top-left-radius: 24rpx;
border-top-right-radius: 24rpx;
.text-vip {
margin-left: 32rpx;
display: flex;
flex-direction: column;
color: #FFDD9E;
justify-content: flex-start;
.title {
font-family: SF Pro;
font-weight: 700;
font-style: Bold;
font-size: 32rpx;
leading-trim: NONE;
line-height: 48rpx;
letter-spacing: 0%;
}
.sub-title {
font-family: SF Pro;
font-weight: 274;
font-style: Light;
font-size: 32rpx;
leading-trim: NONE;
line-height: 48rpx;
letter-spacing: 0%;
}
}
.btn-vip {
margin-right: 42rpx;
width: 180rpx;
height: 56rpx;
border: none;
border-radius: 198rpx;
background: linear-gradient(90deg, #FFCC5E 0%, #FFE9BA 47.27%, #FFCC5E 100%);
}
}
.white-block {
margin-top: 44rpx;
display: flex;
justify-content: space-between;
.item {
width: 48%;
background: #F5F8FF;
display: flex;
flex-direction: column;
padding: 30rpx 32rpx;
border-radius: 24rpx;
.title {
font-family: SF Pro;
font-weight: 700;
font-style: Bold;
font-size: 32rpx;
leading-trim: NONE;
line-height: 48rpx;
letter-spacing: 0%;
}
.sub-title {
margin-top: 14rpx;
font-family: Work Sans;
font-weight: 400;
font-size: 26rpx;
leading-trim: NONE;
line-height: 100%;
letter-spacing: -2%;
color: #8C8C8C;
}
}
}
.menu-list{
background: #F5F8FF;
margin-top: 20rpx;
padding: 20rpx 0 0 0;
border-radius: 24rpx;
display: flex;
flex-wrap: wrap;
.menu-item{
display: flex;
flex-direction: column;
align-items: center;
width: 25%;
margin-bottom: 20rpx;
.menu-text{
font-family: Work Sans;
font-weight: 400;
font-style: Regular;
font-size: 20rpx;
leading-trim: NONE;
line-height: 100%;
letter-spacing: -2%;
}
}
}
}