info-base.wxml 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162
  1. <!--pages/edit-info/info-base/info-base.wxml-->
  2. <view class="base">
  3. <form bindsubmit="formSubmit" bindreset="formReset">
  4. <!-- 第一栏 头像 -->
  5. <!-- <view class="item">
  6. <view class="item-left">
  7. <text style="color:red;font-size:14px;margin-top:8rpx;">*</text>
  8. <text style="font-size:14px;margin-left:10rpx;">简历头像</text>
  9. </view>
  10. <view class="item-right">
  11. <image src="../../../image/touxiang.jpg" class="item-tou"></image>
  12. <image src="../../../image/youh.png" class="item-icon"></image>
  13. </view>
  14. </view> -->
  15. <!-- 第二栏 姓名 -->
  16. <view class="item">
  17. <view class="item-left">
  18. <text style="color:red;font-size:14px;margin-top:8rpx;">*</text>
  19. <text style="font-size:14px;margin-left:10rpx;">姓名</text>
  20. </view>
  21. <view class="item-right">
  22. <input value="{{mainInfo.sname}}" class="item-input" placeholder="请填写" name="sname" type="text"></input>
  23. </view>
  24. </view>
  25. <!-- 第三栏 性别 -->
  26. <view class="item">
  27. <view class="item-left">
  28. <text style="color:red;font-size:14px;margin-top:8rpx;">*</text>
  29. <text style="font-size:14px;margin-left:10rpx;">性别</text>
  30. </view>
  31. <view class="item-right">
  32. <l-radio-group placement="row" bind:linchange="sexChange" current="1" none-checked="{{false}}">
  33. <l-radio select-color="#f37b1d" size="32" key="1" l-class="item-radio">男</l-radio>
  34. <l-radio select-color="#f37b1d" size="32" key="2">女</l-radio>
  35. </l-radio-group>
  36. </view>
  37. </view>
  38. <!-- 第四栏 所在城市 -->
  39. <view class="item">
  40. <view class="item-left">
  41. <text style="color:red;font-size:14px;margin-top:8rpx;">*</text>
  42. <text style="font-size:14px;margin-left:10rpx;">所在城市</text>
  43. </view>
  44. <view class="item-right" bindtap="showPicker">
  45. <input class="item-input" value="{{mainInfo.place}}" disabled="{{true}}" name="place" placeholder="请选择"></input>
  46. <image src="../../../image/youh.png" class="item-icon"></image>
  47. </view>
  48. </view>
  49. <!-- 第五栏 生日-->
  50. <view class="item">
  51. <view class="item-left">
  52. <text style="color:red;font-size:14px;margin-top:8rpx;">*</text>
  53. <text style="font-size:14px;margin-left:10rpx;">生日</text>
  54. </view>
  55. <view class="item-right" bindtap="show">
  56. <input class="item-input" value="{{mainInfo.birthday}}" disabled="{{true}}" name="birthday" placeholder="请选择"></input>
  57. <image src="../../../image/youh.png" class="item-icon"></image>
  58. </view>
  59. </view>
  60. <!-- 第六栏 身高-->
  61. <view class="item">
  62. <view class="item-left">
  63. <text style="font-size:14px;margin-left:10rpx;">身高</text>
  64. </view>
  65. <view class="item-right">
  66. <input class="item-input" placeholder="请填写" value="{{mainInfo.height}}" name="height" type="number"></input>
  67. <text class="item-unit">cm</text>
  68. </view>
  69. </view>
  70. <!-- 第七栏 教育状态-->
  71. <view class="item">
  72. <view class="item-left">
  73. <text style="color:red;font-size:14px;margin-top:8rpx;">*</text>
  74. <text style="font-size:14px;margin-left:10rpx;">教育状态</text>
  75. </view>
  76. <view class="item-right">
  77. <l-radio-group placement="row" bind:linchange="eduStatusChange" current="1" none-checked="{{false}}">
  78. <l-radio select-color="#f37b1d" size="32" key="1" l-class="item-radio">在读</l-radio>
  79. <l-radio select-color="#f37b1d" size="32" key="2">已毕业</l-radio>
  80. </l-radio-group>
  81. </view>
  82. </view>
  83. <!-- 第八栏 最高学历-->
  84. <!-- <view class="item">
  85. <view class="item-left">
  86. <text style="color:red;font-size:14px;margin-top:8rpx;">*</text>
  87. <text style="font-size:14px;margin-left:10rpx;">最高学历</text>
  88. </view>
  89. <view class="item-right">
  90. <text class="item-text">本科</text>
  91. <image src="../../../image/youh.png" class="item-icon"></image>
  92. </view>
  93. </view> -->
  94. <!-- 第九栏 手机号码-->
  95. <view class="item">
  96. <view class="item-left">
  97. <text style="color:red;font-size:14px;margin-top:8rpx;">*</text>
  98. <text style="font-size:14px;margin-left:10rpx;">手机号码</text>
  99. </view>
  100. <view class="item-right">
  101. <input class="item-input" value="{{mainInfo.phoneNumber}}" name="phoneNumber" placeholder="请填写" type="number"></input>
  102. </view>
  103. </view>
  104. <!-- 第十栏 邮箱 -->
  105. <view class="item">
  106. <view class="item-left">
  107. <text style="font-size:14px;margin-left:10rpx;">邮箱</text>
  108. </view>
  109. <view class="item-right">
  110. <input class="item-input" placeholder="请填写" name="email" value="{{mainInfo.email}}"></input>
  111. </view>
  112. </view>
  113. <!-- 第十一栏 QQ -->
  114. <view class="item">
  115. <view class="item-left">
  116. <text style="font-size:14px;margin-left:10rpx;">QQ</text>
  117. </view>
  118. <view class="item-right">
  119. <input class="item-input" placeholder="请填写" name="qqNum" value="{{mainInfo.qqNum}}" type="number"></input>
  120. </view>
  121. </view>
  122. <!-- 第十二栏 微信 -->
  123. <view class="item-end">
  124. <view class="item-left">
  125. <text style="font-size:14px;margin-left:10rpx;">微信</text>
  126. </view>
  127. <view class="item-right">
  128. <input class="item-input" placeholder="请填写" name="weChat" value="{{mainInfo.weChat}}"></input>
  129. </view>
  130. </view>
  131. <!-- 底部按钮 -->
  132. <view class="button-group">
  133. <button formType="reset" class="button-reset">重置</button>
  134. <button formType="submit" class="button-submit">提交</button>
  135. <!-- <view class="button-reset">重置</view>
  136. <view class="button-submit">提交</view> -->
  137. </view>
  138. <!-- 时间选择器 -->
  139. <tui-datetime id="tui-dateTime-ctx" type="{{type}}" startYear="{{startYear}}" endYear="{{endYear}}" cancelColor="{{cancelColor}}" color="{{color}}"
  140. setDateTime="{{setDateTime}}" bindconfirm="change"></tui-datetime>
  141. <!-- 城市选择器 -->
  142. <view class="mask-screen" bindtap="hidePicker" hidden="{{!showPickerStatus}}"></view>
  143. <view class="picker-box" animation="{{animationData}}" hidden="{{!showPickerStatus}}">
  144. <view class="picker-header list-item">
  145. <view class="btn-cancle" hover-class="opcity" hover-stay-time="150" catchtap="hidePicker">取消</view>
  146. <view class="btn-sure" hover-class="opcity" hover-stay-time="150" catchtap="picker">确定</view>
  147. </view>
  148. <picker-view indicator-style="height: 50px;" class="picker-view" value="{{value}}" bindchange="columnPicker">
  149. <picker-view-column>
  150. <view wx:for="{{proviceArr}}" class="item2">{{item}}</view>
  151. </picker-view-column>
  152. <picker-view-column>
  153. <view wx:for="{{cityArr}}" class="item2">{{item}}</view>
  154. </picker-view-column>
  155. <picker-view-column>
  156. <view wx:for="{{districtArr}}" class="item2">{{item}}</view>
  157. </picker-view-column>
  158. </picker-view>
  159. </view>
  160. </form>
  161. </view>