child-edit.wxml 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <!--pages/child-edit/child-edit.wxml-->
  2. <view class="container">
  3. <view class="loading" wx:if="{{loading}}">
  4. <text>加载中...</text>
  5. </view>
  6. <view class="edit-form" wx:else>
  7. <view class="form-section">
  8. <text class="section-title">基本信息</text>
  9. <view class="form-item">
  10. <text class="form-label">姓名 <text class="required">*</text></text>
  11. <input
  12. class="form-input"
  13. placeholder="请输入孩子姓名"
  14. value="{{child.name}}"
  15. bindinput="onNameInput"
  16. />
  17. </view>
  18. <view class="form-item">
  19. <text class="form-label">年龄 <text class="required">*</text></text>
  20. <input
  21. class="form-input"
  22. type="number"
  23. placeholder="请输入年龄"
  24. value="{{child.age}}"
  25. bindinput="onAgeInput"
  26. />
  27. </view>
  28. <view class="form-item">
  29. <text class="form-label">年级</text>
  30. <input
  31. class="form-input"
  32. placeholder="请输入年级(如:小学二年级)"
  33. value="{{child.grade}}"
  34. bindinput="onGradeInput"
  35. />
  36. </view>
  37. </view>
  38. <view class="form-section">
  39. <text class="section-title">DAN测评等级</text>
  40. <view class="form-item">
  41. <text class="form-label">当前等级</text>
  42. <picker mode="selector" range="{{danLevels}}" range-key="label" value="{{child.danLevel}}" bindchange="onDanLevelChange">
  43. <view class="picker-value">{{child.danLevel}}</view>
  44. </picker>
  45. </view>
  46. <text class="form-tip">DAN测评等级影响推荐任务类型和难度</text>
  47. </view>
  48. <view class="form-section">
  49. <text class="section-title">个性化设置</text>
  50. <view class="form-item">
  51. <text class="form-label">主题</text>
  52. <picker mode="selector" range="{{themes}}" range-key="label" value="{{child.theme}}" bindchange="onThemeChange">
  53. <view class="picker-value">{{child.theme}}</view>
  54. </picker>
  55. </view>
  56. <view class="form-item">
  57. <text class="form-label">扣分机制</text>
  58. <switch checked="{{child.penaltyEnabled}}" bindchange="onPenaltyEnabledChange" color="#FF6B6B"/>
  59. </view>
  60. <text class="form-tip">6岁以下建议关闭扣分机制</text>
  61. </view>
  62. <view class="button-group">
  63. <button class="save-btn" bindtap="onSave">保存信息</button>
  64. </view>
  65. </view>
  66. </view>