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;
} }

8
pages/user/index.vue
View File

@ -10,16 +10,20 @@
<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">
<view class="avatar_setting_box">
<image <image
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/page_user_Vector13.png" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/page_user_Vector13.png"
mode="" @click.stop="headerRefreshClick" /> mode="" @click.stop="headerRefreshClick" />
<button class="login-btn" open-type="getPhoneNumber" style="display: none;" </view>
@click="headerLoginClick" @getphonenumber="getPhoneNumber" id="hiddenLoginBtn"></button> <!-- <button class="login-btn" open-type="getPhoneNumber" style="display: none;"
@click="headerLoginClick" @getphonenumber="getPhoneNumber" id="hiddenLoginBtn"></button> -->
<view class="avatar_setting_box">
<image <image
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/page_user_Vector14.png" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/page_user_Vector14.png"
mode="" @click.stop="headerSettingsClick" /> 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>