1

pages/post/post.wxml

@@ -0,0 +1,82 @@
+<!--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>