createFile.wxml 3.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. <!--pages/createFile/createFile.wxml-->
  2. <view class="createfile-content">
  3. <view class="main-content">
  4. <view class="form create-form">
  5. <view class="form-item avatar ittflex-jcb">
  6. <view class="label ittflex-jcs">头像:</view>
  7. <view class="actiosn chsoe-img ittflex" bindtap="handleChoseAvatar">
  8. <view class="default-img ittflex" wx:if="{{!choseAvatar}}">
  9. <van-icon name="contact" color="#fff" />
  10. </view>
  11. <view class="chsoe-img-item ittflex" wx:if="{{choseAvatar}}">
  12. <image class="avat-item" src="{{choseAvaSrc}}"></image>
  13. </view>
  14. <view class="arrow-right ittflex">
  15. <van-icon name="arrow" color="#999999"/>
  16. </view>
  17. </view>
  18. </view>
  19. <view class="form-item username ittflex-jcb">
  20. <view class="label ittflex-jcs">姓名:</view>
  21. <view class="actions file-input">
  22. <input bindinput="bindUserNameInput" maxlength="10" class="weui-input" placeholder="请输入" placeholder-style="text-align: right;font-size:26rpx;color:#999;"/>
  23. </view>
  24. </view>
  25. <view class="form-item sex ittflex-jcs">
  26. <view class="label ittflex-jcs">性别:</view>
  27. <view class="actions radio-sex ittflex-jcs">
  28. <view class="radio radio-man ittflex" data-index="0" bindtap="handleSex">
  29. <view class="readio-item b-cricle ittflex {{ sexIndex == '0' ? 'readio-item-active' : ''}}">
  30. <view class="in-cricle"></view>
  31. </view>
  32. <view class="radio-text">男</view>
  33. </view>
  34. <view class="radio radio-woman ittflex" data-index="1" bindtap="handleSex">
  35. <view class="readio-item b-cricle ittflex {{ sexIndex == '1' ? 'readio-item-active' : ''}}">
  36. <view class="in-cricle"></view>
  37. </view>
  38. <view class="radio-text">女</view>
  39. </view>
  40. </view>
  41. </view>
  42. <view class="form-item bothday ittflex-jcb">
  43. <view class="label ittflex-jcs">生日:</view>
  44. <view class="actions actions-bothday ittflex">
  45. <picker class="my-picker" mode="date" bindchange="bindPickerChange" value="{{index}}">
  46. <view class="picker-item ittflex">
  47. <text class="picker-text {{pickerText == '请选择' ? 'picker-text-placeholder' : ''}}">{{pickerText}}</text>
  48. <van-icon name="calendar-o" size="34rpx"/>
  49. </view>
  50. </picker>
  51. </view>
  52. </view>
  53. <view class="form-item relative ittflex-jcb">
  54. <view class="label ittflex-jcs">关系:</view>
  55. <view class="actions actions-bothday ittflex">
  56. <picker class="my-picker" mode="selector" range="{{relativeRange}}" bindchange="bindReaPickerChange">
  57. <view class="picker-item ittflex">
  58. <text class="picker-text {{relativeText == '请选择' ? 'picker-text-placeholder' : ''}}">{{relativeText}}</text>
  59. <van-icon name="arrow-down" color="#999"/>
  60. </view>
  61. </picker>
  62. </view>
  63. </view>
  64. </view>
  65. <view class="itt-btn submit-btn" bindtap="handleSave">保存</view>
  66. </view>
  67. </view>