83 lines
2.4 KiB
Plaintext
83 lines
2.4 KiB
Plaintext
<!--pages/post/post.wxml-->
|
||
<view class="container">
|
||
<view class="form-section">
|
||
<!-- 分类选择 -->
|
||
<view class="form-item">
|
||
<view class="form-label">选择分类</view>
|
||
<picker
|
||
mode="selector"
|
||
range="{{categories}}"
|
||
value="{{selectedCategory}}"
|
||
bindchange="onCategoryChange"
|
||
>
|
||
<view class="picker-value">
|
||
{{categories[selectedCategory]}} ▼
|
||
</view>
|
||
</picker>
|
||
</view>
|
||
|
||
<!-- 标题输入 -->
|
||
<view class="form-item">
|
||
<view class="form-label">标题</view>
|
||
<input
|
||
class="title-input"
|
||
placeholder="请输入标题（必填）"
|
||
value="{{title}}"
|
||
bindinput="onTitleInput"
|
||
maxlength="50"
|
||
/>
|
||
<view class="char-count">{{title.length}}/50</view>
|
||
</view>
|
||
|
||
<!-- 内容输入 -->
|
||
<view class="form-item">
|
||
<view class="form-label">内容</view>
|
||
<textarea
|
||
class="content-textarea"
|
||
placeholder="请输入内容（必填）"
|
||
value="{{content}}"
|
||
bindinput="onContentInput"
|
||
maxlength="500"
|
||
auto-height
|
||
/>
|
||
<view class="char-count">{{content.length}}/500</view>
|
||
</view>
|
||
|
||
<!-- 图片上传 -->
|
||
<view class="form-item">
|
||
<view class="form-label">
|
||
<text>添加图片</text>
|
||
<text class="form-label-tip">（最多3张）</text>
|
||
</view>
|
||
<view class="image-upload-section">
|
||
<!-- 已上传的图片 -->
|
||
<view class="image-list">
|
||
<view class="image-item" wx:for="{{images}}" wx:key="index">
|
||
<image class="uploaded-image" src="{{item}}" mode="aspectFill" />
|
||
<view class="image-delete" bindtap="onDeleteImage" data-index="{{index}}">
|
||
<text class="delete-icon">✕</text>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 上传按钮 -->
|
||
<view class="image-upload-btn" wx:if="{{images.length < 3}}" bindtap="onChooseImage">
|
||
<text class="upload-icon">📷</text>
|
||
<text class="upload-text">添加图片</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 提示信息 -->
|
||
<view class="tips">
|
||
<text class="tips-icon">💡</text>
|
||
<text class="tips-text">请文明发言，共同维护良好的交流环境</text>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 发布按钮 -->
|
||
<view class="action-section">
|
||
<button class="publish-btn" bindtap="onPublish">发布</button>
|
||
</view>
|
||
</view>
|