flower-mp/components/profile/index.wxml
2026-01-09 11:37:52 +08:00

37 lines
1.5 KiB
Plaintext

<!--components/profile/index.wxml-->
<view>
<t-popup visible="{{visible}}" bind:visible-change="change" placement="bottom">
<view class="padding">
<view class="font-16 bold">获取您的头像、昵称</view>
<view class="font-14 mt-5 font-sub">
获取用户头像、昵称完善个人资料,主要用于向用户提供具有辨识度的个性展示
</view>
<view class="mt-32">
<view class="flex flex-center flex-justify-between">
<view class="flex flex-center flex-justify-start">
<view class="font-sub">头像</view>
<view style="width: 560rpx;" class="ml-32">
<button class="avatar-wrapper flex flex-center flex-justify-start" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
<image class="avatar-example" src="{{avatar ? avatar : 'https://res.catter.cn/pub/2025/09/30/20250930143142508.png'}}" />
</button>
</view>
</view>
</view>
<t-divider />
<view class="flex flex-center flex-justify-start">
<view class="font-sub">昵称</view>
<view class="ml-32">
<input type="nickname" bindinput="input"/>
</view>
</view>
<view class="mt-32 mb-32">
<t-divider />
</view>
</view>
<view class="flex flex-center mt-32 mb-32" style="margin-top: 80rpx;">
<t-button style="width: 80%;" shape="round" theme="primary" bind:tap="update">确认更新</t-button>
</view>
</view>
</t-popup>
</view>