afterservice.wxml 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <view style="background: #f5f5f5; padding: 20rpx 0;">
  2. <view class="container">
  3. <!-- 问题描述 -->
  4. <view class="section">
  5. <view class="section-title">其他</view>
  6. <view class="field-title">
  7. <text>问题描述</text>
  8. <text class="word-limit">还可以输入100字</text>
  9. </view>
  10. <textarea
  11. class="textarea"
  12. placeholder="请输入问题描述"
  13. maxlength="100"
  14. bindinput="onDescriptionInput"
  15. value="{{description}}"
  16. ></textarea>
  17. </view>
  18. <!-- 上传图片 -->
  19. <view class="section">
  20. <view class="section-title">
  21. <text>上传图片</text>
  22. </view>
  23. <view class="img-container">
  24. <!-- 已上传的图片 -->
  25. <block wx:for="{{imgList}}" wx:key="*this" wx:for-index="index">
  26. <view class="img-wrapper">
  27. <image
  28. src="{{item}}"
  29. class="img-thumb"
  30. mode="aspectFill"
  31. data-url="{{item}}"
  32. bindtap="previewImage"
  33. />
  34. <view class="delete-btn" data-index="{{index}}" bindtap="deleteImage">×</view>
  35. </view>
  36. </block>
  37. <!-- 上传按钮 -->
  38. <view wx:if="{{imgList.length < 6}}" class="upload-btn" bindtap="chooseImage">
  39. <text>+</text>
  40. </view>
  41. </view>
  42. <text class="upload-tip">* 有助于我们更快解决问题</text>
  43. </view>
  44. <!-- 提交按钮 -->
  45. <button class="submit-btn" bindtap="submitForm">提交</button>
  46. </view>
  47. </view>