feat(cms): 更新广告编辑组件UI和标签文案- 将"唯一标识"标签更改为"编号"

- 修改图片标题输入框的占位符文本,增加索引编号
- 替换图片列表容器组件,从 a-space 改为 div- 将"所属栏目"标签更改为"位置"- 简化 Tailwind CSS 使用说明链接文本
-保留广告位尺寸大小的默认值提示信息
This commit is contained in:
2025-09-26 11:40:23 +08:00
parent d3e37951c8
commit 6ee52c4945

View File

@@ -40,7 +40,7 @@
v-model:value="form.name" v-model:value="form.name"
/> />
</a-form-item> </a-form-item>
<a-form-item label="唯一标识" name="code"> <a-form-item label="编号" name="code">
<a-input <a-input
allow-clear allow-clear
:maxlength="100" :maxlength="100"
@@ -60,18 +60,18 @@
@del="onDeleteItem" @del="onDeleteItem"
/> />
</div> </div>
<a-space class="flex flex-col gap-2 mt-2"> <div class="flex flex-col gap-2 mt-2">
<div class="w-[500px] space-y-2" v-for="(_, index) in images" :key="index"> <div class="w-[500px] space-y-2" v-for="(_, index) in images" :key="index">
<a-input <a-input
v-model:value="images[index].title" v-model:value="images[index].title"
placeholder="请输入图片标题" :placeholder="`请输入图片标题${index+1}`"
/> />
<a-input <a-input
v-model:value="images[index].path" v-model:value="images[index].path"
placeholder="https://" placeholder="https://"
/> />
</div> </div>
</a-space> </div>
</a-form-item> </a-form-item>
</template> </template>
<template v-if="form.type == 2"> <template v-if="form.type == 2">
@@ -170,7 +170,7 @@
<span class="text-gray-400">广告位尺寸大小(默认值100% * 500px)</span> <span class="text-gray-400">广告位尺寸大小(默认值100% * 500px)</span>
</div> </div>
</a-form-item> </a-form-item>
<a-form-item label="所属栏目"> <a-form-item label="位置">
<a-tree-select <a-tree-select
allow-clear allow-clear
:tree-data="navigationList" :tree-data="navigationList"
@@ -191,8 +191,7 @@
v-model:value="form.style" v-model:value="form.style"
/> />
<div class="pt-2 none"> <div class="pt-2 none">
<a class="text-sm text-gray-400" href="https://tailwindcss.com/docs/padding" target="_blank">Tailwind <a class="text-sm text-gray-400" href="https://tailwindcss.com/docs/padding" target="_blank">Tailwind 使用说明</a>
tailwindcss使用说明</a>
</div> </div>
</a-form-item> </a-form-item>
<a-form-item label="描述" name="comments" v-if="form.type != 4"> <a-form-item label="描述" name="comments" v-if="form.type != 4">