Mini-Program/pages/create-supply/index.wxml

<!-- pages/create-supply/index.wxml -->
<view class="create-supply-container">
  <!-- 自定义导航栏 -->
  <view class="custom-nav-bar">
    <view class="nav-left" bindtap="onBackTap">
      <text class="back-icon">←</text>
    </view>
    <view class="nav-title">创建新货源</view>
    <view class="nav-right"></view>
  </view>
  
  <view class="form-container">
    <view class="form-item">
      <text class="label">品种 *</text>
      <input class="input" type="text" placeholder="请输入品种" bindinput="onVarietyInput" value="{{variety}}" />
    </view>
    
    <view class="form-item">
      <text class="label">蛋黄</text>
      <input class="input" type="text" placeholder="请输入蛋黄信息" bindinput="onYolkInput" value="{{yolk}}" />
    </view>
    
    <view class="form-item">
      <text class="label">规格</text>
      <input class="input" type="text" placeholder="请输入商品规格" bindinput="onSpecificationInput" value="{{specification}}" />
    </view>
    
    <view class="form-item">
      <text class="label">地区</text>
      <picker 
        mode="region" 
        value="{{[province, city, district]}}" 
        bindchange="onRegionChange"
        class="region-picker"
      >
        <view class="picker-content">
          <text>{{province || city || district ? province + ' ' + city + ' ' + district : '请选择省市区'}}</text>
        </view>
      </picker>
    </view>
    
    <view class="form-item">
      <text class="label">价格 (元/斤) *</text>
      <input class="input" type="text" placeholder="请输入商品价格" bindinput="onPriceInput" value="{{price}}" />
    </view>
    
    <view class="form-item">
      <text class="label">数量 (斤) *</text>
      <input class="input" type="digit" placeholder="请输入商品数量" bindinput="onQuantityInput" value="{{quantity}}" />
    </view>
    
    <view class="form-item">
      <text class="label">毛重 (斤)</text>
      <input class="input" type="text" placeholder="请输入商品毛重" bindinput="onGrossWeightInput" value="{{grossWeight}}" />
    </view>
    
    <!-- 图片上传区域 -->
    <view class="image-upload-container">
      <text class="label">商品图片（最多5张）</text>
      <view class="image-list">
        <view class="image-item" wx:for="{{images}}" wx:key="index">
          <image src="{{item}}" mode="aspectFill"></image>
          <view class="image-delete" bindtap="deleteImage" data-index="{{index}}">×</view>
        </view>
        <view class="image-upload" wx:if="{{images.length < 5}}" bindtap="chooseImage">
          <text>+</text>
        </view>
      </view>
    </view>
    
    <button class="create-btn" type="primary" bindtap="onCreateTap">创建货源</button>
  </view>
</view>