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; 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; width: 34rpx;
height: 34rpx; height: 34rpx;
} }

28
pages/user/index.vue
View File

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