bwj_wechat/pages/userCenter/index.wxml

<My_GeneralTemplate padBot="30rpx">
    <!-- 用户头像 -->
    <view class="user_header">
        <view class="user_header_msg">
            <!-- 头像 -->
            <view class="user_headPortrait">
                <image wx:if="{{attinfos[0].url}}" src="{{attinfos[0].url}}" mode="aspectFill" />
                <image wx:else src="https://bwj.obs.cn-east-2.myhuaweicloud.com/resources/WeChat/userCenter/userImg.png" mode="aspectFill" />
            </view>
            <!-- 修改头像 -->
            <My_UploadFiles id="UploadFiles" upType="userImage" bind:imageChange="userImageChange" fileList="{{attinfos}}" UploadShow='3' lineHeight="130rpx">
                <van-button custom-class='changeImage'>修改头像</van-button>
            </My_UploadFiles>
        </view>
        <view style="height: 2rpx; width: 100%; background-color: #979797; opacity: 0.3;"></view>
    </view>
    <!-- 表单输入区 -->
    <view class="user_message_input">
        <My_GreyRectangleForm title="账号名" required>
            <van-field value="{{ fname }}" bind:input='eliminate' data-name="fname" bind:focus='inputFocus' bindblur='inputBlur' error="{{errTips.fname}}" input-class="input-class" placeholder="请输入账户名" border="{{ false }}" />
        </My_GreyRectangleForm>
        <My_GreyRectangleForm title="身份/职位" required>
            <van-field value="{{ frole }}" bind:input='eliminate' data-name="frole" bind:focus='inputFocus' bindblur='inputBlur' error="{{errTips.frole}}" input-class="input-class" placeholder="身份/职位" border="{{ false }}" />
        </My_GreyRectangleForm>
        <My_GreyRectangleForm title="手机" required>
            <van-field disabled model:value="{{ fphonenumber }}" data-name="fphonenumber" bind:focus='inputFocus' bindblur='inputBlur' error="{{errTips.fphonenumber}}" input-class="input-class fbirthdate" placeholder="手机号" border="{{ false }}" />
        </My_GreyRectangleForm>
        <My_GreyRectangleForm title="微信">
            <van-field value="{{ fwechatno }}" data-name="fwechatno" bind:input='eliminate' input-class="input-class" placeholder="微信号/手机号" border="{{ false }}" />
        </My_GreyRectangleForm>
        <My_GreyRectangleForm title="地址">
            <van-field value="{{ faddress }}" data-name="faddress" bind:input='eliminate' input-class="input-class" placeholder="请输入地址" border="{{ false }}" />
        </My_GreyRectangleForm>
        <My_GreyRectangleForm title="性别">
            <van-radio-group value="{{ fsex }}" bind:change="sexOnChange" direction="horizontal">
                <van-radio name="男">男</van-radio>
                <van-radio name="女">女</van-radio>
            </van-radio-group>
        </My_GreyRectangleForm>
        <My_GreyRectangleForm title="生日">
            <!-- 时间选择 -->
            <picker value="{{fbirthdate}}" mode="date" start="1921-01-01" end="{{YMD}}" bindchange="timeChange">
                <view class="picker" style="opacity: {{fbirthdate!=null?'1':'0.3'}};">
                    {{fbirthdate!=null?fbirthdate:'选择日期'}}
                    <van-icon name="arrow" />
                </view>
            </picker>
        </My_GreyRectangleForm>
        <My_GreyRectangleForm title="邮箱">
            <van-field value="{{ femail }}" data-name="femail" bind:input='eliminate' input-class="input-class" placeholder="邮箱地址" border="{{ false }}" data-name="femail" bind:focus='inputFocus' bindblur='inputBlur' error="{{errTips.femail}}" />
        </My_GreyRectangleForm>
    </view>
</My_GeneralTemplate>

<!-- 提交按钮 -->
<view class="submit_but">
    <van-button bindtap="submit" custom-class="custom-class" round color="linear-gradient(180deg, #82E0E9 0%, #4BBECF 100%);">保存</van-button>
</view>