营销:优化商城装修组件
This commit is contained in:
parent
33162a12c0
commit
80355f3acd
@ -29,6 +29,7 @@
|
|||||||
:key="appLinkIndex"
|
:key="appLinkIndex"
|
||||||
:content="appLink.path"
|
:content="appLink.path"
|
||||||
placement="bottom"
|
placement="bottom"
|
||||||
|
:show-after="300"
|
||||||
>
|
>
|
||||||
<el-button
|
<el-button
|
||||||
class="m-b-8px m-r-8px m-l-0px!"
|
class="m-b-8px m-r-8px m-l-0px!"
|
||||||
|
@ -37,7 +37,7 @@ const emit = defineEmits<{
|
|||||||
'update:modelValue': [link: string]
|
'update:modelValue': [link: string]
|
||||||
}>()
|
}>()
|
||||||
watch(
|
watch(
|
||||||
() => appLink,
|
() => appLink.value,
|
||||||
() => emit('update:modelValue', appLink.value)
|
() => emit('update:modelValue', appLink.value)
|
||||||
)
|
)
|
||||||
</script>
|
</script>
|
||||||
|
@ -28,7 +28,7 @@
|
|||||||
<!-- 标题 -->
|
<!-- 标题 -->
|
||||||
<span
|
<span
|
||||||
v-if="property.layout === 'iconText'"
|
v-if="property.layout === 'iconText'"
|
||||||
class="text-14px"
|
class="text-12px"
|
||||||
:style="{
|
:style="{
|
||||||
color: item.titleColor,
|
color: item.titleColor,
|
||||||
height: `${TITLE_HEIGHT}px`,
|
height: `${TITLE_HEIGHT}px`,
|
||||||
@ -51,7 +51,7 @@ const props = defineProps<{ property: MenuSwiperProperty }>()
|
|||||||
// 标题的高度
|
// 标题的高度
|
||||||
const TITLE_HEIGHT = 20
|
const TITLE_HEIGHT = 20
|
||||||
// 图标的高度
|
// 图标的高度
|
||||||
const ICON_SIZE = 50
|
const ICON_SIZE = 42
|
||||||
// 垂直间距:一行上下的间距
|
// 垂直间距:一行上下的间距
|
||||||
const SPACE_Y = 16
|
const SPACE_Y = 16
|
||||||
|
|
||||||
|
@ -23,7 +23,7 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-card header="菜单设置" class="property-group" shadow="never">
|
<el-card header="菜单设置" class="property-group" shadow="never">
|
||||||
<Draggable v-model="formData.list" :empty-item="cloneDeep(EMPTY_MENU_SWIPER_ITEM_PROPERTY">
|
<Draggable v-model="formData.list" :empty-item="cloneDeep(EMPTY_MENU_SWIPER_ITEM_PROPERTY)">
|
||||||
<template #default="{ element }">
|
<template #default="{ element }">
|
||||||
<el-form-item label="图标" prop="iconUrl">
|
<el-form-item label="图标" prop="iconUrl">
|
||||||
<UploadImg v-model="element.iconUrl" height="80px" width="80px">
|
<UploadImg v-model="element.iconUrl" height="80px" width="80px">
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="title-bar">
|
<div class="title-bar">
|
||||||
<el-image :src="property.bgImgUrl" fit="cover" class="w-full" />
|
<el-image v-if="property.bgImgUrl" :src="property.bgImgUrl" fit="cover" class="w-full" />
|
||||||
<div class="absolute left-0 top-0 w-full">
|
<div class="absolute left-0 top-0 w-full">
|
||||||
<!-- 标题 -->
|
<!-- 标题 -->
|
||||||
<div
|
<div
|
||||||
|
Loading…
Reference in New Issue
Block a user