| 提交 | 用户 | 时间 | ||
| 820397 | 1 | <template> |
| H | 2 | <el-form label-width="80px" :model="formData" :rules="rules"> |
| 3 | <el-form-item label="页面描述" prop="description"> | |
| 4 | <el-input | |
| 5 | type="textarea" | |
| 6 | v-model="formData!.description" | |
| 7 | placeholder="用户通过微信分享给朋友时，会自动显示页面描述" | |
| 8 | /> | |
| 9 | </el-form-item> | |
| 10 | <el-form-item label="背景颜色" prop="backgroundColor"> | |
| 11 | <ColorInput v-model="formData!.backgroundColor" /> | |
| 12 | </el-form-item> | |
| 13 | <el-form-item label="背景图片" prop="backgroundImage"> | |
| 14 | <UploadImg v-model="formData!.backgroundImage" :limit="1"> | |
| 15 | <template #tip>建议宽度 750px</template> | |
| 16 | </UploadImg> | |
| 17 | </el-form-item> | |
| 18 | </el-form> | |
| 19 | </template> | |
| 20 | ||
| 21 | <script setup lang="ts"> | |
| 22 | import { PageConfigProperty } from './config' | |
| 23 | import { usePropertyForm } from '@/components/DiyEditor/util' | |
| 24 | // 导航栏属性面板 | |
| 25 | defineOptions({ name: 'PageConfigProperty' }) | |
| 26 | // 表单校验 | |
| 27 | const rules = {} | |
| 28 | ||
| 29 | const props = defineProps<{ modelValue: PageConfigProperty }>() | |
| 30 | const emit = defineEmits(['update:modelValue']) | |
| 31 | const { formData } = usePropertyForm(props.modelValue, emit) | |
| 32 | </script> | |
| 33 | ||
| 34 | <style scoped lang="scss"></style> | |
