feat(frontend): update draft checkbox text and position
- Change draft checkbox label to '视频号仅保存草稿(用手机发布)' - Move draft checkbox to appear after platform selection and before title input - Add proper CSS styling with appropriate margins for the draft section - Maintain conditional visibility only for video channel platform (type 2) - Preserve existing functionality while improving UI flow
This commit is contained in:
@@ -296,6 +296,36 @@
|
|||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- 草稿选项 (仅在视频号可见) -->
|
||||||
|
<div v-if="tab.selectedPlatform === 2" class="draft-section">
|
||||||
|
<el-checkbox
|
||||||
|
v-model="tab.isDraft"
|
||||||
|
label="视频号仅保存草稿(用手机发布)"
|
||||||
|
class="draft-checkbox"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 标签 (仅在抖音可见) -->
|
||||||
|
<div v-if="tab.selectedPlatform === 3" class="product-section">
|
||||||
|
<h3>商品链接</h3>
|
||||||
|
<el-input
|
||||||
|
v-model="tab.productTitle"
|
||||||
|
type="text"
|
||||||
|
:rows="1"
|
||||||
|
placeholder="请输入商品名称"
|
||||||
|
maxlength="200"
|
||||||
|
class="product-name-input"
|
||||||
|
/>
|
||||||
|
<el-input
|
||||||
|
v-model="tab.productLink"
|
||||||
|
type="text"
|
||||||
|
:rows="1"
|
||||||
|
placeholder="请输入商品链接"
|
||||||
|
maxlength="200"
|
||||||
|
class="product-link-input"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- 标题输入 -->
|
<!-- 标题输入 -->
|
||||||
<div class="title-section">
|
<div class="title-section">
|
||||||
<h3>标题</h3>
|
<h3>标题</h3>
|
||||||
@@ -402,15 +432,6 @@
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 草稿选项 (仅在视频号可见) -->
|
|
||||||
<div v-if="tab.selectedPlatform === 2" class="draft-section">
|
|
||||||
<el-checkbox
|
|
||||||
v-model="tab.isDraft"
|
|
||||||
label="视频号上传草稿"
|
|
||||||
class="draft-checkbox"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 定时发布 -->
|
<!-- 定时发布 -->
|
||||||
<div class="schedule-section">
|
<div class="schedule-section">
|
||||||
<h3>定时发布</h3>
|
<h3>定时发布</h3>
|
||||||
@@ -1294,10 +1315,19 @@ const batchPublish = async () => {
|
|||||||
padding-top: 20px;
|
padding-top: 20px;
|
||||||
border-top: 1px solid #ebeef5;
|
border-top: 1px solid #ebeef5;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.draft-section {
|
||||||
|
margin: 20px 0;
|
||||||
|
|
||||||
|
.draft-checkbox {
|
||||||
|
display: block;
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 已上传文件列表样式
|
// 已上传文件列表样式
|
||||||
.uploaded-files {
|
.uploaded-files {
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
|
|||||||
Reference in New Issue
Block a user