wxamp-ymtxUser/pagesA/pages/releaseSuffer/releaseSuffer.wxml

<view class="page-wrapper">
  <form catchsubmit="formSubmit">
    <!-- 标题卡片-->
    <view class="form-card">
      <view class="card-header">
        <text class="header-icon">📝</text>
        <text class="header-title">文章标题</text>
        <text class="required-badge">必填</text>
      </view>
      <view class="card-content no-padding">
        <view class="input-wrapper">
          <input type="text" placeholder="请输入吸引人的标题（最多50字）" 
                 name="title" maxlength="50" value="{{formData.title}}" 
                 bindinput="onInput" data-field="title" 
                 placeholder-class="placeholder-style" />
        </view>
      </view>
    </view>

    <!-- 摘要卡片 -->
    <view class="form-card">
      <view class="card-header">
        <text class="header-icon">📋</text>
        <text class="header-title">文章摘要</text>
        <text class="optional-badge">选填</text>
      </view>
      <view class="card-content no-padding">
        <view class="textarea-wrapper">
          <textarea placeholder="简单描述文章要点，让读者快速了解内容（最多200字）" 
                    name="summary" maxlength="200" auto-height 
                    value="{{formData.summary}}" bindinput="onInput" 
                    data-field="summary" placeholder-class="placeholder-style" />
        </view>
      </view>
    </view>

    <!-- 分类卡片 -->
    <view class="form-card">
      <view class="card-header">
        <text class="header-icon">📂</text>
        <text class="header-title">文章分类</text>
        <text class="required-badge">必填</text>
      </view>
      <view class="card-content">
        <picker mode="selector" range="{{categoryList}}" range-key="dictLabel" 
                bindchange="onCategoryChange" value="{{categoryIndex}}">
          <view class="picker-trigger {{categoryIndex > -1 ? 'selected' : ''}}">
            <text>{{categoryIndex > -1 ? categoryList[categoryIndex].dictLabel : '请选择文章分类'}}</text>
            <text class="picker-arrow">▼</text>
          </view>
        </picker>
      </view>
    </view>

    <!-- 标签卡片 -->
    <view class="form-card">
      <view class="card-header">
        <text class="header-icon">🏷️</text>
        <text class="header-title">文章标签</text>
        <text class="required-badge">必填</text>
      </view>
      <view class="card-content">
        <view class="tag-group">
          <block wx:for="{{tagList}}" wx:key="dictValue">
            <view class="tag-item {{selectedTags.includes(item) ? 'active' : ''}}" 
                  bindtap="toggleTag" data-item="{{item}}">
              {{item.dictLabel}}
            </view>
          </block>
        </view>
        <view class="selected-tags" wx:if="{{selectedTags.length}}">
          <text class="selected-label">已选标签：</text>
          <view class="selected-tag-list">
            <view class="selected-tag-item" wx:for="{{selectedTags}}" wx:key="index">
              {{item.dictLabel}}
            </view>
          </view>
        </view>
      </view>
    </view>

    <!-- 内容卡片 -->
    <view class="form-card content-card">
      <view class="card-header">
        <text class="header-icon">📄</text>
        <text class="header-title">文章内容</text>
        <text class="required-badge">必填</text>
      </view>
      <view class="card-content no-padding">
        <view class="textarea-wrapper">
          <textarea placeholder="开始撰写您的文章吧...（支持最多5000字）" 
                    name="content" maxlength="5000" auto-height 
                    value="{{formData.content}}" bindinput="onInput" 
                    data-field="content" placeholder-class="placeholder-style" 
                    class="content-textarea" />
        </view>
      </view>
    </view>

    <!-- 提交按钮区域 -->
    <view class="submit-area">
      <button form-type="submit" class="submit-btn" loading="{{submitting}}" disabled="{{submitting}}">
        <text wx:if="{{!submitting}}">✨ 发布文章</text>
        <text wx:else>发布中...</text>
      </button>
      <view class="tip-text">好的内容值得被更多人看见</view>
    </view>
  </form>
</view>