|
|
<view class="publish-container">
|
|
|
<view class="form-item">
|
|
|
<text class="form-label">商品图片</text>
|
|
|
<view class="image-uploader">
|
|
|
<view class="image-item" wx:for="{{images}}" wx:key="index">
|
|
|
<image class="uploaded-image" src="{{item}}" mode="aspectFill" bindtap="previewImage" data-index="{{index}}"></image>
|
|
|
<view class="delete-btn" catchtap="deleteImage" data-index="{{index}}">×</view>
|
|
|
</view>
|
|
|
<view class="upload-btn" bindtap="chooseImage" wx:if="{{images.length < 6}}">
|
|
|
<text class="upload-icon">+</text>
|
|
|
<text class="upload-text">上传图片</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
<view class="form-item">
|
|
|
<text class="form-label">商品分类</text>
|
|
|
<view class="category-selector">
|
|
|
<view class="category-item {{category === 'electronics' ? 'active' : ''}}" bindtap="selectCategory" data-category="electronics">电子产品</view>
|
|
|
<view class="category-item {{category === 'books' ? 'active' : ''}}" bindtap="selectCategory" data-category="books">书籍教材</view>
|
|
|
<view class="category-item {{category === 'daily' ? 'active' : ''}}" bindtap="selectCategory" data-category="daily">日用品</view>
|
|
|
<view class="category-item {{category === 'clothes' ? 'active' : ''}}" bindtap="selectCategory" data-category="clothes">衣物服饰</view>
|
|
|
<view class="category-item {{category === 'others' ? 'active' : ''}}" bindtap="selectCategory" data-category="others">其他</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
<view class="form-item">
|
|
|
<text class="form-label">商品名称</text>
|
|
|
<input class="form-input" placeholder="请输入商品名称" maxlength="30" bindinput="inputTitle" value="{{title}}" />
|
|
|
<text class="char-count">{{title.length}}/30</text>
|
|
|
</view>
|
|
|
|
|
|
<view class="form-item">
|
|
|
<text class="form-label">商品价格</text>
|
|
|
<view class="price-input-container">
|
|
|
<text class="price-prefix">¥</text>
|
|
|
<input class="price-input" type="digit" placeholder="请输入价格" bindinput="inputPrice" value="{{price}}" />
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
<view class="form-item">
|
|
|
<text class="form-label">新旧程度</text>
|
|
|
<view class="condition-selector">
|
|
|
<view class="condition-item {{condition === '全新' ? 'active' : ''}}" bindtap="selectCondition" data-condition="全新">全新</view>
|
|
|
<view class="condition-item {{condition === '9成新' ? 'active' : ''}}" bindtap="selectCondition" data-condition="9成新">9成新</view>
|
|
|
<view class="condition-item {{condition === '8成新' ? 'active' : ''}}" bindtap="selectCondition" data-condition="8成新">8成新</view>
|
|
|
<view class="condition-item {{condition === '7成新及以下' ? 'active' : ''}}" bindtap="selectCondition" data-condition="7成新及以下">7成新及以下</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
<view class="form-item">
|
|
|
<text class="form-label">商品描述</text>
|
|
|
<textarea class="form-textarea" placeholder="请详细描述您的商品，如品牌、规格、购买时间、使用感受等" maxlength="500" bindinput="inputDescription" value="{{description}}"></textarea>
|
|
|
<text class="char-count">{{description.length}}/500</text>
|
|
|
</view>
|
|
|
|
|
|
<view class="form-item">
|
|
|
<text class="form-label">交易方式</text>
|
|
|
<view class="trade-selector">
|
|
|
<view class="trade-item {{tradeMethod === 'face' ? 'active' : ''}}" bindtap="selectTradeMethod" data-method="face">面交</view>
|
|
|
<view class="trade-item {{tradeMethod === 'express' ? 'active' : ''}}" bindtap="selectTradeMethod" data-method="express">邮寄</view>
|
|
|
<view class="trade-item {{tradeMethod === 'both' ? 'active' : ''}}" bindtap="selectTradeMethod" data-method="both">均可</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
<view class="form-item contact-info">
|
|
|
<text class="form-label">联系方式</text>
|
|
|
<input class="form-input" placeholder="请输入您的手机号码" bindinput="inputContact" value="{{contact}}" />
|
|
|
</view>
|
|
|
|
|
|
<view class="btn-container">
|
|
|
<button class="cancel-btn" bindtap="cancelPublish">取消</button>
|
|
|
<button class="publish-btn" bindtap="submitPublish">发布</button>
|
|
|
</view>
|
|
|
</view> |
