闫增涛
2024-05-06 e8ec903206cb82e4dbb4687291d5f7788e7ff046
packagePersonal/pages/userSetting/index.wxml
@@ -10,18 +10,36 @@
  </view>
  <view class="itemList">
    <view class="label">用户名</view>
    <view class="content" data-info="{{'nickName'}}" bindtap="editUserInfo">{{userInfo.nickName || '微信用户'}}</view>
    <view class="content" data-info="{{'nickName'}}" bindtap="editUserInfo"
      >{{userInfo.nickName || '微信用户'}}</view
    >
    <t-icon name="chevron-right" size="40rpx" color="#C2C2C2" />
  </view>
  <view class="itemList">
    <view class="label">手机号码</view>
    <view class="content" data-info="{{'phone'}}" bindtap="editUserInfo">{{userInfo.phoneNumber || '未绑定手机号'}}</view>
    <t-icon name="chevron-right" size="40rpx" color="#C2C2C2" data-info="{{'phone'}}" bindtap="editUserInfo" />
    <view class="content" data-info="{{'phone'}}" bindtap="editUserInfo"
      >{{userInfo.phoneNumber || '未绑定手机号'}}</view
    >
    <t-icon
      name="chevron-right"
      size="40rpx"
      color="#C2C2C2"
      data-info="{{'phone'}}"
      bindtap="editUserInfo"
    />
  </view>
  <view class="itemList">
    <view class="label">邮箱</view>
    <view class="content" data-info="{{'email'}}" bindtap="editUserInfo">{{userInfo.Email}}</view>
    <t-icon name="chevron-right" size="40rpx" color="#C2C2C2" data-info="{{'email'}}" bindtap="editUserInfo" />
    <view class="content" data-info="{{'email'}}" bindtap="editUserInfo"
      >{{userInfo.Email}}</view
    >
    <t-icon
      name="chevron-right"
      size="40rpx"
      color="#C2C2C2"
      data-info="{{'email'}}"
      bindtap="editUserInfo"
    />
  </view>
  <!-- <t-popup visible="{{userInfoBox}}" bind:visible-change="onVisibleChange" placement="center">
    <view class="block">
@@ -91,9 +109,12 @@
      <t-icon t-class="close-btn" name="close-circle" size="32" color="#fff" bind:tap="onCloseProtocol" />
    </view>
  </t-popup> -->
</view>
<view class="popup-box" wx:if="{{userInfoBox}}" bindtap="onCloseProtocol"></view>
<view
  class="popup-box"
  wx:if="{{userInfoBox}}"
  bindtap="onCloseProtocol"
></view>
<view class="info-center" style="top:{{height*0.3}}px;" wx:if="{{userInfoBox}}">
  <view>
    <view class="row-info">
@@ -102,7 +123,12 @@
          <view class="label"> 昵称: </view>
          <view class="item-content">
            <view class="inputBox1">
              <t-input placeholder="输入昵称" borderless value="{{userInfoForm.nickName}}" bindchange="onNameInput" />
              <t-input
                placeholder="输入昵称"
                borderless
                value="{{userInfoForm.nickName}}"
                bindchange="onNameInput"
              />
            </view>
          </view>
        </view>
@@ -110,50 +136,81 @@
          <view class="label"> 手机号: </view>
          <view class="item-content">
            <view class="outsideInputBox1">
              <view class="inputBox1">
                <t-input placeholder="输入手机号码" borderless value="{{userInfoForm.phone}}" type="number" bindchange="onPhoneInput" />
                <t-input
                  placeholder="输入手机号码"
                  borderless
                  value="{{userInfoForm.phone}}"
                  type="number"
                  bindchange="onPhoneInput"
                />
              </view>
              <view wx:if="{{phoneError}}" style="font-size: 24rpx; color: red;">手机号输入不正确</view>
              <view wx:if="{{phoneError}}" style="font-size: 24rpx; color: red"
                >手机号输入不正确</view
              >
            </view>
          </view>
        </view>
        <view class="from-item" wx:if="{{editType == 'email'}}">
          <view class=" label"> 邮箱: </view>
          <view class="label"> 邮箱: </view>
          <view class="item-content">
            <view class="outsideInputBox1">
              <view class="inputBox1">
                <t-input placeholder="输入邮箱" borderless value="{{userInfoForm.email}}" bindchange="onEmailInput" />
                <t-input
                  placeholder="输入邮箱"
                  borderless
                  value="{{userInfoForm.email}}"
                  bindchange="onEmailInput"
                />
              </view>
              <view wx:if="{{emailError}}" style="font-size: 24rpx; color: red;">邮箱输入不正确</view>
              <view wx:if="{{emailError}}" style="font-size: 24rpx; color: red"
                >邮箱输入不正确</view
              >
            </view>
          </view>
        </view>
        <view class="from-item" wx:if="{{editType !== 'nickName'}}">
          <view class="label"> 图形验证码: </view>
          <view class="item-content">
            <view class="inputBox">
              <t-input placeholder="输入图形验证码" borderless value="{{userInfoForm.captcha}}" type="number" bindchange="onCaptchaInput" />
              <t-input
                placeholder="输入图形验证码"
                borderless
                value="{{userInfoForm.captcha}}"
                type="number"
                bindchange="onCaptchaInput"
              />
            </view>
            <view class="code">
              <image src="{{imgCode}}" class="imgCode hover" bindtap="getImgCapcha" />
              <image
                src="{{imgCode}}"
                class="imgCode hover"
                bindtap="getImgCapcha"
              />
            </view>
          </view>
        </view>
        <view class="from-item" wx:if="{{editType == 'phone'}}">
          <view class="label"> 短信验证码: </view>
          <view class="item-content">
            <view class="inputBox">
              <t-input placeholder="输入短信验证码" borderless value="{{userInfoForm.code}}" type="number" bindchange="onCodeInput" />
              <t-input
                placeholder="输入短信验证码"
                borderless
                value="{{userInfoForm.code}}"
                type="number"
                bindchange="onCodeInput"
              />
            </view>
            <view class="code">
              <button class="{{countDown > 0 ? ' disabled' : 'btn'}}" bindtap="getPhoneCode">{{countDown > 0 ? '验证码(' + countDown + 's)' : '获取短信验证码'}}</button>
              <button
                disabled="{{countDown > 0}}"
                class="{{countDown > 0 ? ' disabled' : 'btn'}}"
                bindtap="getPhoneCode"
              >
                {{countDown > 0 ? '验证码(' + countDown + 's)' :
                '获取短信验证码'}}
              </button>
            </view>
          </view>
        </view>
@@ -161,10 +218,23 @@
          <view class="label"> 邮箱验证码: </view>
          <view class="item-content">
            <view class="inputBox">
              <t-input placeholder="输入邮箱验证码" borderless value="{{userInfoForm.code}}" type="number" bindchange="onCodeInput" />
              <t-input
                placeholder="输入邮箱验证码"
                borderless
                value="{{userInfoForm.code}}"
                type="number"
                bindchange="onCodeInput"
              />
            </view>
            <view class="code">
              <button class="{{mailCountDown > 0 ? ' disabled' : 'btn'}}" bindtap="getEmailCode"> {{mailCountDown > 0 ? '验证码(' + mailCountDown + 's)' : '获取邮箱验证码'}}</button>
              <button
                disabled="{{mailCountDown > 0}}"
                class="{{mailCountDown > 0 ? ' disabled' : 'btn'}}"
                bindtap="getEmailCode"
              >
                {{mailCountDown > 0 ? '验证码(' + mailCountDown + 's)' :
                '获取邮箱验证码'}}
              </button>
            </view>
          </view>
        </view>
@@ -175,4 +245,4 @@
      <view class="right-btn" bindtap="confirmInfo">确认</view>
    </view>
  </view>
</view>
</view>