feat: update
This commit is contained in:
@@ -111,6 +111,10 @@ const onMediaPage = (event) => {
|
||||
const confirmMediaSelection = () => {
|
||||
if (selectedMediaItems.value.length) {
|
||||
if (mediaSelectionTarget.value === 'headImages') {
|
||||
if (selectedMediaItems.value.length > 3) {
|
||||
toast.add({ severity: 'warn', summary: '提示', detail: '展示图片最多选择3张', life: 3000 });
|
||||
return;
|
||||
}
|
||||
post.head_images = [...selectedMediaItems.value];
|
||||
errors.head_images = '';
|
||||
loadHeadImagePreviews();
|
||||
@@ -275,7 +279,9 @@ const loadHeadImagePreviews = async () => {
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
<!-- Add Head Images Selection before Title -->
|
||||
<div class="col-span-2">
|
||||
<label class="block text-sm font-medium text-gray-700 mb-1">展示图片</label>
|
||||
<label class="block text-sm font-medium text-gray-700 mb-1">
|
||||
展示图片 <span class="text-gray-500 text-xs">(最多3张)</span>
|
||||
</label>
|
||||
<div class="p-4 border border-gray-200 rounded-md">
|
||||
<div v-if="post.head_images.length === 0"
|
||||
class="flex justify-center items-center flex-col space-y-3 py-6">
|
||||
@@ -285,9 +291,12 @@ const loadHeadImagePreviews = async () => {
|
||||
<small v-if="errors.head_images" class="text-red-500">{{ errors.head_images }}</small>
|
||||
</div>
|
||||
<div v-else>
|
||||
<div class="mb-4">
|
||||
<div class="mb-4 flex justify-between items-center">
|
||||
<Button label="更换图片" icon="pi pi-plus" @click="openMediaDialog('headImages')"
|
||||
outlined />
|
||||
:disabled="post.head_images.length >= 3" outlined />
|
||||
<span class="text-sm text-gray-500">
|
||||
{{ post.head_images.length }}/3
|
||||
</span>
|
||||
</div>
|
||||
<div class="grid grid-cols-2 md:grid-cols-3 gap-4">
|
||||
<div v-for="(media, index) in post.head_images" :key="media.id"
|
||||
|
||||
Reference in New Issue
Block a user