index.wxml 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <!--index.wxml-->
  2. <view class="wrap">
  3. <view class="user_thumb">
  4. <image class="thumb" src="{{ userInfo.thumb }}"></image>
  5. </view>
  6. <view class="user_info">
  7. <view class="item">
  8. <view class="item_l">
  9. <view class="label">昵称</view>
  10. <view class="wenzi">{{ userInfo.nickname }}</view>
  11. </view>
  12. </view>
  13. <view class="item">
  14. <view class="item_l">
  15. <view class="label">手机</view>
  16. <view class="wenzi">{{ userInfo.phone ? userInfo.phone : '未绑定' }}</view>
  17. </view>
  18. <view class="item_r red" bind:tap="onShowChangePhone">更换手机号</view>
  19. </view>
  20. <view class="item">
  21. <view class="item_l">
  22. <view class="label">性别</view>
  23. <view class="wenzi">{{ userInfo.sex == 0 ? "保密" : userInfo.sex == 1 ? "男" : "女" }}</view>
  24. </view>
  25. </view>
  26. <view class="item">
  27. <view class="item_l">
  28. <view class="label">生日</view>
  29. <view class="wenzi">{{ userInfo.birthday ? userInfo.birthday : "未设置" }}</view>
  30. </view>
  31. <view class="item_r red" bind:tap="onShowBirthPop">修改</view>
  32. </view>
  33. </view>
  34. </view>
  35. <!-- 更换手机号 -->
  36. <van-overlay class-style="background: rgba(0,0,0,.3);" show="{{ showPhonePop }}">
  37. <view class="phoneWrap">
  38. <view class="title">更换手机号</view>
  39. <view class="form_wrap">
  40. <view class="form_item">
  41. <view class="item_label">新手机号码</view>
  42. <view class="item_file">
  43. <van-field
  44. value="{{ phone }}"
  45. placeholder="请输入手机号码"
  46. border="{{ false }}"
  47. bind:change="getPhone"
  48. />
  49. <button hover-class="none" class="btn_code" disabled="{{codeLoading}}" loading="{{codeLoading}}" bind:tap="sendCode">{{ codeBtnName }}</button>
  50. </view>
  51. </view>
  52. <view class="form_item">
  53. <view class="item_label">手机验证码</view>
  54. <view class="item_file">
  55. <van-field
  56. value="{{ code }}"
  57. placeholder="请输入手机验证码"
  58. border="{{ false }}"
  59. bind:change="getPhoneCode"
  60. />
  61. </view>
  62. </view>
  63. </view>
  64. <view class="btns">
  65. <view class="btn cancel" bind:tap="onCloseChangePhone">取消</view>
  66. <view class="btn" bind:tap="onConfirmChangePhone">确定</view>
  67. </view>
  68. </view>
  69. </van-overlay>
  70. <!-- 修改生日 -->
  71. <van-popup show="{{ showBirthPop }}" position="bottom">
  72. <van-datetime-picker
  73. type="date"
  74. value="{{ currentBirth }}"
  75. max-date="{{ maxDate }}"
  76. min-date="{{ minDate }}"
  77. bind:confirm = "confirmBirthPop"
  78. bind:cancel = "closeBirthPop"
  79. />
  80. </van-popup>