| 提交 | 用户 | 时间 | ||
| 314507 | 1 | <template> |
| H | 2 | <el-form label-width="80px" :model="formData"> |
| 3 | <Draggable v-model="formData.list" :empty-item="{ showType: 'once' }"> | |
| 4 | <template #default="{ element, index }"> | |
| 5 | <el-form-item label="图片" :prop="`list[${index}].imgUrl`"> | |
| 6 | <UploadImg v-model="element.imgUrl" height="56px" width="56px" /> | |
| 7 | </el-form-item> | |
| 8 | <el-form-item label="跳转链接" :prop="`list[${index}].url`"> | |
| 9 | <AppLinkInput v-model="element.url" /> | |
| 10 | </el-form-item> | |
| 11 | <el-form-item label="显示次数" :prop="`list[${index}].showType`"> | |
| 12 | <el-radio-group v-model="element.showType"> | |
| 13 | <el-tooltip content="只显示一次，下次打开时不显示" placement="bottom"> | |
| 14 | <el-radio label="once">一次</el-radio> | |
| 15 | </el-tooltip> | |
| 16 | <el-tooltip content="每次打开时都会显示" placement="bottom"> | |
| 17 | <el-radio label="always">不限</el-radio> | |
| 18 | </el-tooltip> | |
| 19 | </el-radio-group> | |
| 20 | </el-form-item> | |
| 21 | </template> | |
| 22 | </Draggable> | |
| 23 | </el-form> | |
| 24 | </template> | |
| 25 | ||
| 26 | <script setup lang="ts"> | |
| 27 | import { PopoverProperty } from './config' | |
| 28 | import { usePropertyForm } from '@/components/DiyEditor/util' | |
| 29 | ||
| 30 | // 弹窗广告属性面板 | |
| 31 | defineOptions({ name: 'PopoverProperty' }) | |
| 32 | ||
| 33 | const props = defineProps<{ modelValue: PopoverProperty }>() | |
| 34 | const emit = defineEmits(['update:modelValue']) | |
| 35 | const { formData } = usePropertyForm(props.modelValue, emit) | |
| 36 | </script> | |
| 37 | ||
| 38 | <style scoped lang="scss"></style> | |
