|
|
<!--pages/feedback/feedback.wxml-->
|
|
|
<view class="page-container">
|
|
|
<view class="form-container">
|
|
|
<!-- 反馈类型 -->
|
|
|
<view class="form-section">
|
|
|
<text class="section-title">反馈类型</text>
|
|
|
<view class="type-list">
|
|
|
<view class="type-item {{feedbackType === item.value ? 'active' : ''}}"
|
|
|
wx:for="{{types}}"
|
|
|
wx:key="value"
|
|
|
bindtap="onTypeChange"
|
|
|
data-type="{{item.value}}">
|
|
|
<text>{{item.label}}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
<!-- 反馈内容 -->
|
|
|
<view class="form-section">
|
|
|
<text class="section-title">反馈内容</text>
|
|
|
<textarea class="content-input"
|
|
|
placeholder="请详细描述您的问题或建议（至少10个字）"
|
|
|
value="{{content}}"
|
|
|
bindinput="onContentInput"
|
|
|
maxlength="500"
|
|
|
show-confirm-bar="{{false}}"></textarea>
|
|
|
<text class="char-count">{{content.length}}/500</text>
|
|
|
</view>
|
|
|
|
|
|
<!-- 联系方式 -->
|
|
|
<view class="form-section">
|
|
|
<text class="section-title">联系方式（选填）</text>
|
|
|
<input class="contact-input"
|
|
|
placeholder="请输入您的联系方式（QQ/微信/邮箱）"
|
|
|
value="{{contact}}"
|
|
|
bindinput="onContactInput"
|
|
|
maxlength="50" />
|
|
|
</view>
|
|
|
|
|
|
<!-- 图片上传 -->
|
|
|
<view class="form-section">
|
|
|
<text class="section-title">相关图片（选填，最多3张）</text>
|
|
|
<view class="image-list">
|
|
|
<view class="image-item" wx:for="{{images}}" wx:key="index">
|
|
|
<image class="image" src="{{item}}" mode="aspectFill"></image>
|
|
|
<view class="delete-btn" bindtap="onDeleteImage" data-index="{{index}}">×</view>
|
|
|
</view>
|
|
|
<view class="add-image-btn" wx:if="{{images.length < 3}}" bindtap="chooseImage">
|
|
|
<text>+</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
<!-- 提交按钮 -->
|
|
|
<view class="button-section">
|
|
|
<button class="submit-btn" bindtap="submitFeedback">提交反馈</button>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
