mini_read_space_front/pages/feedback/index.wxml

<view class="f-container">
  <!-- 标题 -->
  <view class="header">
    <view class="title">意见反馈</view>
    <view class="desc">给出您的建议吧～</view>
  </view>

  <!-- 问题类型 -->
  <view class="block">
    <view class="block-title">
      选择问题类型 <text class="required">*</text>
    </view>
    <view class="qs-list">
      <view class="qs-item {{qsValue == item.value ? 'active' : ''}}" bindtap="clickQs" data-value="{{item.value}}"
        wx:for="{{qsList}}" wx:key="value">
        {{item.label}}
      </view>
    </view>
  </view>

  <!-- 问题描述 -->
  <view class="block">
    <view class="block-title">问题描述</view>
    <textarea class="textarea" placeholder="请详细描述遇到的问题以便尽快定位并解决问题。" placeholder-style="color:#c8c9cc"
      value="{{message}}" bindinput="onMessageInput" maxlength="500" auto-height />
    <view class="word-limit">{{message.length}}/500</view>
  </view>

  <!-- 上传截图 -->
  <view class="block">
    <view class="block-title">
      请上传群截图 <text class="required">*</text>
    </view>
    <view class="uploader">
      <view class="upload-grid">
        <block wx:for="{{imageList}}" wx:key="index">
          <view class="image-item">
            <!-- 上传成功 -->
            <image src="{{item}}" mode="aspectFill" class="img" />
            <!-- 删除按钮 -->
            <image class="delete" src="/assets/images/icons/close.png" catchtap="deleteImage" data-index="{{index}}"></image>
          </view>
        </block>

        <!-- 添加按钮（最多9张） -->
        <view class="add-btn" catchtap="chooseImage" wx:if="{{imageList.length < 9}}">
          <image class="icon-add" src="/assets/images/icons/add.png"></image>
        </view>
      </view>
      <view class="upload-tip">上传问题截图可以让问题快速解决!</view>
    </view>
  </view>

  <!-- 联系方式 -->
  <view class="block">
    <view class="block-title">联系方式</view>
    <input class="contact-input" placeholder="手机号、QQ、邮箱，以便我们回复您" placeholder-style="color:#c8c9cc" value="{{contact}}"
      bindinput="onContactInput" />
  </view>

  <!-- 提交按钮 -->
  <view class="footer">
    <button class="btn-primary" loading="{{submitLoading}}" bindtap="confirm">确定</button>
    <button class="btn-service" bindtap="clickService" >联系客服</button>
  </view>
</view>

<!-- 昵称弹窗 -->
<view class="popup-mask" wx:if="{{showNicknamePopup}}" catchtouchmove="true">
  <view class="popup-panel">
    <view class="popup-title">选择您的微信昵称，继续提交</view>
    <view class="popup-body">
      <input type="nickname" class="popup-input" placeholder="请输入昵称" value="{{nickname}}" bindinput="onNickNameInput" />
    </view>
    <view class="popup-footer">
      <button class="popup-btn confirm" loading="{{submitLoading}}" bindtap="submitFeedbackWithNickname">确认提交</button>
    </view>
  </view>
</view>