发布文章发布视频

文章标题 * 副标题选填文章分类 * {{articleCategory.dictLabel}} 请选择文章分类 › 封面图片选填

+ 点击上传封面建议尺寸 16:9，不超过5M 文章内容 *

<text class="word-count">{{articleForm.content.length || 0}}/5000</text>
                </view>
            </view>

<view class="btn-wrapper">
                <button class="submit-btn {{!articleFormValid ? 'disabled' : ''}}" form-type="submit" disabled="{{!articleFormValid || submitting}}">
                    <text wx:if="{{!submitting}}">发布文章</text>
                    <text wx:else>发布中...</text>
                </button>
            </view>
        </view>
    </form>

<form wx:else catchsubmit="submitVideo">
        <view class="form-container">
            
            <view class="form-card">
                <view class="form-item">
                    <view class="label-wrapper">
                        <text class="label">视频标题</text>
                        <text class="required">*</text>
                    </view>
                    <input class="input" type="text" placeholder="请输入视频标题" placeholder-class="placeholder" bindinput="onVideoInput" data-field="title" value="{{videoForm.title}}" />
                </view>
            </view>

<view class="form-card">
                <view class="form-item">
                    <view class="label-wrapper">
                        <text class="label">视频描述</text>
                        <text class="optional">选填</text>
                    </view>
                    <input class="input" type="text" placeholder="简单描述一下你的视频内容" placeholder-class="placeholder" bindinput="onVideoInput" data-field="description" value="{{videoForm.description}}" />
                </view>
            </view>

<view class="form-card">
                <view class="form-item">
                    <view class="label-wrapper">
                        <text class="label">视频分类</text>
                        <text class="required">*</text>
                    </view>
                    <picker mode="selector" range="{{videoCategories}}" range-key="dictLabel" bindchange="onVideoCategoryChange" data-type="video">
                        <view class="category-selector">
                            <block wx:if="{{videoCategory}}">
                                <view class="category-badge" style="background: linear-gradient(135deg, {{getCategoryColor(videoCategory.dictLabel).start}} 0%, {{getCategoryColor(videoCategory.dictLabel).end}} 100%);">
                                    {{videoCategory.dictLabel}}
                                </view>
                            </block>
                            <view wx:else class="category-placeholder">
                                <text>请选择视频分类</text>
                                <text class="arrow">›</text>
                            </view>
                        </view>
                    </picker>
                </view>
            </view>

<view class="form-card">
                <view class="form-item">
                    <view class="label-wrapper">
                        <text class="label">视频封面</text>
                        <text class="optional">选填</text>
                    </view>
                    <view class="uploader-wrapper">
                        <view class="uploader" bindtap="chooseCover" data-type="video">
                            <image class="preview" src="{{videoCoverTemp || ''}}" mode="aspectFill" wx:if="{{videoCoverTemp}}"></image>
                            <view class="upload-placeholder" wx:else>
                                <text class="plus">+</text>
                                <text class="hint">点击上传封面</text>
                            </view>
                        </view>
                    </view>
                </view>
            </view>

<view class="form-card">
                <view class="form-item">
                    <view class="label-wrapper">
                        <text class="label">视频地址</text>
                        <text class="required">*</text>
                    </view>
                    <view class="video-picker" bindtap="chooseVideo">
                        <view wx:if="{{videoUrlTemp}}" class="video-info">
                            <text class="video-name">{{videoUrlTemp}}</text>
                        </view>
                        <view wx:else class="video-placeholder">
                            <text class="plus">+</text>
                            <text class="hint">点击选择视频</text>
                        </view>
                    </view>
                </view>
            </view>

<view class="btn-wrapper">
                <button class="submit-btn {{!videoFormValid ? 'disabled' : ''}}" form-type="submit" disabled="{{!videoFormValid || submitting}}">
                    <text wx:if="{{!submitting}}">发布视频</text>
                    <text wx:else>发布中...</text>
                </button>
            </view>
        </view>
    </form>
</view>