kuaiying_wx/pages/video_list/video_list.wxml

<view class="container">
  <!-- 标题区域 -->
  <view class="header">
    <view class="title">提交您的需求</view>
    <view class="subtitle">我们会认真考虑每一个建议</view>
  </view>

  <!-- 表单区域 -->
  <view class="form-area">
    
    <!-- 需求类型选择 -->
    <view class="form-item">
      <view class="label">需求类型 <text class="required">*</text></view>
      <view class="type-selector" bindtap="showTypeSelector">
        <text class="{{selectedType ? 'selected' : 'placeholder'}}">
          {{selectedTypeLabel || '请选择需求类型'}}
        </text>
        <text class="arrow">></text>
      </view>
    </view>

    <!-- 需求标题 -->
    <view class="form-item">
      <view class="label">需求标题</view>
      <input class="input-field" 
        bindinput="onTitleInput" 
        value="{{title}}" 
        placeholder="请输入需求标题（选填）" 
        maxlength="100" />
    </view>

    <!-- 功能描述 -->
    <view class="form-item">
      <view class="label">功能描述 <text class="required">*</text></view>
      <textarea class="textarea-field" 
        bindinput="onDescriptionInput" 
        value="{{description}}" 
        placeholder="请详细描述您的需求，包括具体功能、使用场景等..." 
        maxlength="1000">
      </textarea>
    </view>

    <!-- 微信号 -->
    <view class="form-item">
      <view class="label">微信号 <text class="required">*</text></view>
      <input class="input-field" 
        bindinput="onContactInput" 
        value="{{contactInfo}}" 
        placeholder="请输入微信号" 
        maxlength="50" />
    </view>

    <!-- 操作按钮 -->
    <view class="button-group">
      <button class="submit-button" 
        disabled="{{submitButtonDisabled}}" 
        bindtap="submitRequirement">
        提交需求
      </button>
      <button class="clear-button" bindtap="clearForm">清空表单</button>
    </view>

    <!-- 说明文字 -->
    <view class="disclaimer">
      <text>• 请详细描述您的需求，便于我们更好地理解和评估</text>
    </view>
  </view>
</view>

<!-- 需求类型选择器弹窗 -->
<view class="type-selector-modal" wx:if="{{showTypeSelector}}">
  <view class="modal-mask" bindtap="hideTypeSelector"></view>
  <view class="modal-content">
    <view class="modal-header">
      <text class="modal-title">选择需求类型</text>
      <text class="modal-close" bindtap="hideTypeSelector">×</text>
    </view>
    <view class="type-list">
      <view class="type-item" 
        wx:for="{{requirementTypes}}" 
        wx:key="value"
        data-type="{{item.value}}"
        data-label="{{item.label}}"
        bindtap="selectType">
        <text class="type-label">{{item.label}}</text>
        <text class="type-check" wx:if="{{selectedType === item.value}}">✓</text>
      </view>
    </view>
  </view>
</view>