maguodong/uniapp-ZHSQ
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化个人中心页面布局

Browse Source
This commit is contained in:
赵毅 2025-10-16 15:41:37 +08:00
parent 26d427eb52
commit a0b51c8e9f
2 changed files with 27 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
pages/user/index.css
View File

@ -62,7 +62,17 @@ page {
pointer-events: auto;
}
.avatar_setting>image {
.avatar_setting_box{
width: 70rpx;
height: 50rpx;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
margin: 0 5rpx;
}
.avatar_setting_box image {
width: 34rpx;
height: 34rpx;
}

28
pages/user/index.vue
View File

@ -10,21 +10,25 @@
<view class="avatar_title">
<view class="login-btn">{{ userInfo.nick_name ? userInfo.nick_name : '登录/注册' }}</view>
<view class="avatar_setting">
<image
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/page_user_Vector13.png"
mode="" @click.stop="headerRefreshClick" />
<button class="login-btn" open-type="getPhoneNumber" style="display: none;"
@click="headerLoginClick" @getphonenumber="getPhoneNumber" id="hiddenLoginBtn"></button>
<image
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/page_user_Vector14.png"
mode="" @click.stop="headerSettingsClick" />
<view class="avatar_setting_box">
<image
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/page_user_Vector13.png"
mode="" @click.stop="headerRefreshClick" />
</view>
<!-- <button class="login-btn" open-type="getPhoneNumber" style="display: none;"
@click="headerLoginClick" @getphonenumber="getPhoneNumber" id="hiddenLoginBtn"></button> -->
<view class="avatar_setting_box">
<image
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/page_user_Vector14.png"
mode="" @click.stop="headerSettingsClick" />
</view>
</view>
</view>
<view class="avater_mobile">{{ userInfo.mobile }}</view>
</view>
</view>
<view class="section section1">
<view class="section_label" @click="goWallet(1,userInfo)">
<view class="section_label" @click="goWallet(1, userInfo)">
<view>{{ userInfo.points }}</view>
<view>积分</view>
</view>
@ -32,7 +36,7 @@
<view>0.00</view>
<view>繁华币</view>
</view>
<view class="section_label" @click="goWallet(2,userInfo)">
<view class="section_label" @click="goWallet(2, userInfo)">
<view>{{ userInfo.property_housing_fund }}元</view>
<view>物业费公积金</view>
</view>
@ -113,7 +117,7 @@
</u-grid>
</view>
</view>
<view class="main margin20" v-if="shopManagementList.some(item => item.isShow)">
<view class="main margin20" v-if="shopManagementList.some(item => item.isShow)">
<view class="main_title">功能服务</view>
<view class="item1 padding_bottom0">
<u-grid col="4" :border="false">
@ -267,7 +271,7 @@ export default {
},
methods: {
goWallet(type,item) {
goWallet(type, item) {
NavgateTo('/packages/user/wallet/index?type=' + type + '&item=' + JSON.stringify(item));
},
// 头像点击