基本成型
This commit is contained in:
149
miniprogram/pages/publish/publish.wxml
Normal file
149
miniprogram/pages/publish/publish.wxml
Normal file
@@ -0,0 +1,149 @@
|
||||
<view class="publish-page">
|
||||
<!-- TDesign 选项卡:普通发布 / 内推码发布 -->
|
||||
<t-tabs
|
||||
defaultValue="{{0}}"
|
||||
theme="card"
|
||||
class="publish-tabs"
|
||||
bind:change="handleTabChange"
|
||||
>
|
||||
<!-- 第一个选项卡:普通发布 -->
|
||||
<t-tab-panel label="普通发布" value="{{0}}" class="tab-panel">
|
||||
<view class="input-example">
|
||||
<view class="input-example__label"> 标签文字 </view>
|
||||
<t-input
|
||||
placeholder="请输入文字"
|
||||
borderless="{{true}}"
|
||||
|
||||
style="{{style}}"
|
||||
/>
|
||||
</view>
|
||||
<view class="wenping-label"> 选择文评类型 </view>
|
||||
<t-radio-group
|
||||
t-class="horizontal-box"
|
||||
value="{{value1}}"
|
||||
bind:change="onChange1"
|
||||
>
|
||||
<view
|
||||
wx:for="{{2}}"
|
||||
wx:key="index"
|
||||
class="card {{value1 == index ? 'card--active' : ''}}"
|
||||
>
|
||||
<!-- 选中时显示对勾图标 -->
|
||||
<t-icon
|
||||
wx:if="{{value1 == index}}"
|
||||
name="check"
|
||||
t-class="card__icon"
|
||||
/>
|
||||
<!-- 单选按钮(隐藏原生图标,用自定义样式替代) -->
|
||||
<t-radio
|
||||
value="{{index}}"
|
||||
label="{{index == 0 ? '单选' : '多选'}}"
|
||||
icon="none"
|
||||
borderless
|
||||
/>
|
||||
</view>
|
||||
</t-radio-group>
|
||||
|
||||
<view class="options-container">
|
||||
<view class="options-header">
|
||||
<view class="options-label">选项设置</view>
|
||||
<t-button theme="primary" size="large" variant="text"
|
||||
bindtap="addOption1" style="margin-left: 40vw;"
|
||||
>添加选项</t-button>
|
||||
</view>
|
||||
|
||||
<!-- 选项列表 - 绑定到form.options -->
|
||||
<view class="options-list">
|
||||
<view wx:for="{{form.options}}" wx:key="index" class="option-item">
|
||||
<t-input
|
||||
placeholder="请输入选项内容"
|
||||
value="{{item.content}}"
|
||||
bind:change="onOptionInput"
|
||||
data-index="{{index}}"
|
||||
class="option-input"
|
||||
/>
|
||||
<t-icon
|
||||
name="delete"
|
||||
size="24rpx"
|
||||
class="delete-option"
|
||||
bind:tap="removeOption"
|
||||
data-index="{{index}}"
|
||||
wx:if="{{form.options.length > 1}}"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="options-hint" wx:if="{{form.options.length > 0}}">
|
||||
已添加 {{form.options.length}}/5 个选项
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<t-cell
|
||||
title="截止时间"
|
||||
hover
|
||||
note="{{datetimeText}}"
|
||||
arrow
|
||||
data-mode="datetime"
|
||||
bindtap="showPicker"
|
||||
t-class="panel-item"
|
||||
/>
|
||||
|
||||
<!-- 年月日时分 -->
|
||||
<t-date-time-picker
|
||||
title="截止时间"
|
||||
visible="{{datetimeVisible}}"
|
||||
mode="second"
|
||||
value="{{datetime}}"
|
||||
format="YYYY-MM-DD HH:mm:ss"
|
||||
bindchange="onConfirm"
|
||||
bindpick="onColumnChange"
|
||||
bindcancel="hidePicker"
|
||||
/>
|
||||
|
||||
|
||||
<view class="button-example">
|
||||
<t-button theme="primary" size="large" block>发布文评</t-button>
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
</t-tab-panel>
|
||||
|
||||
<!-- 第二个选项卡:内推码发布 -->
|
||||
<t-tab-panel label="内推码发布" value="{{1}}" class="tab-panel">
|
||||
<t-form class="referral-publish-form" bind:submit="handleReferralSubmit">
|
||||
<!-- 内推码发布表单内容 -->
|
||||
<t-form-item label="公司名称" required>
|
||||
<t-cell class="mb-16" title="选择内推码类型" arrow hover note="{{cityText}}" bind:click="onCityPicker" />
|
||||
<t-picker
|
||||
visible="{{cityVisible}}"
|
||||
value="{{cityValue}}"
|
||||
data-key="city"
|
||||
title="选择内推码类型"
|
||||
cancelBtn="取消"
|
||||
confirmBtn="确认"
|
||||
usingCustomNavbar
|
||||
bindchange="onPickerChange"
|
||||
bindpick="onColumnChange"
|
||||
bindcancel="onPickerCancel"
|
||||
>
|
||||
<t-picker-item options="{{citys}}" format="{{formatter}}">
|
||||
<block wx:for="{{citys}}" wx:key="index" wx:for-item="option">
|
||||
<view wx:if="{{option.tag}}" slot="label-suffix--{{index}}" class="label-suffix">
|
||||
<t-tag size="small" theme="primary">{{option.tag}}</t-tag>
|
||||
</view>
|
||||
</block>
|
||||
</t-picker-item>
|
||||
</t-picker>
|
||||
</t-form-item>
|
||||
|
||||
|
||||
<t-form-item>
|
||||
<t-button type="primary" form-type="submit" class="submit-btn">
|
||||
发布内推码
|
||||
</t-button>
|
||||
</t-form-item>
|
||||
</t-form>
|
||||
</t-tab-panel>
|
||||
</t-tabs>
|
||||
</view>
|
||||
Reference in New Issue
Block a user