feat(cms): 更新广告编辑组件UI和标签文案- 将"唯一标识"标签更改为"编号"
- 修改图片标题输入框的占位符文本,增加索引编号 - 替换图片列表容器组件,从 a-space 改为 div- 将"所属栏目"标签更改为"位置"- 简化 Tailwind CSS 使用说明链接文本 -保留广告位尺寸大小的默认值提示信息
This commit is contained in:
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user