From f07b7dbbb054b7294c1fffaa6f5694bd76bf71d8 Mon Sep 17 00:00:00 2001
From: owen <owen@evolsun.com>
Date: Fri, 15 Dec 2023 17:12:02 +0800
Subject: [PATCH] =?UTF-8?q?=E8=90=A5=E9=94=80=EF=BC=9A=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E5=95=86=E5=9F=8E=E8=A3=85=E4=BF=AE=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

(cherry picked from commit 80355f3acd7d00f9bba752756f80e7555ae9f940)
---
 src/components/AppLinkInput/AppLinkSelectDialog.vue           | 1 +
 src/components/AppLinkInput/index.vue                         | 2 +-
 .../DiyEditor/components/mobile/MenuSwiper/index.vue          | 4 ++--
 .../DiyEditor/components/mobile/MenuSwiper/property.vue       | 2 +-
 src/components/DiyEditor/components/mobile/TitleBar/index.vue | 2 +-
 5 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/AppLinkInput/AppLinkSelectDialog.vue b/src/components/AppLinkInput/AppLinkSelectDialog.vue
index 41a43590..63f19662 100644
--- a/src/components/AppLinkInput/AppLinkSelectDialog.vue
+++ b/src/components/AppLinkInput/AppLinkSelectDialog.vue
@@ -29,6 +29,7 @@
             :key="appLinkIndex"
             :content="appLink.path"
             placement="bottom"
+            :show-after="300"
           >
             <el-button
               class="m-b-8px m-r-8px m-l-0px!"
diff --git a/src/components/AppLinkInput/index.vue b/src/components/AppLinkInput/index.vue
index a01386b9..ff713821 100644
--- a/src/components/AppLinkInput/index.vue
+++ b/src/components/AppLinkInput/index.vue
@@ -37,7 +37,7 @@ const emit = defineEmits<{
   'update:modelValue': [link: string]
 }>()
 watch(
-  () => appLink,
+  () => appLink.value,
   () => emit('update:modelValue', appLink.value)
 )
 </script>
diff --git a/src/components/DiyEditor/components/mobile/MenuSwiper/index.vue b/src/components/DiyEditor/components/mobile/MenuSwiper/index.vue
index 6ae6439c..f8e2bbc6 100644
--- a/src/components/DiyEditor/components/mobile/MenuSwiper/index.vue
+++ b/src/components/DiyEditor/components/mobile/MenuSwiper/index.vue
@@ -28,7 +28,7 @@
           <!-- 标题 -->
           <span
             v-if="property.layout === 'iconText'"
-            class="text-14px"
+            class="text-12px"
             :style="{
               color: item.titleColor,
               height: `${TITLE_HEIGHT}px`,
@@ -51,7 +51,7 @@ const props = defineProps<{ property: MenuSwiperProperty }>()
 // 标题的高度
 const TITLE_HEIGHT = 20
 // 图标的高度
-const ICON_SIZE = 50
+const ICON_SIZE = 42
 // 垂直间距：一行上下的间距
 const SPACE_Y = 16
 
diff --git a/src/components/DiyEditor/components/mobile/MenuSwiper/property.vue b/src/components/DiyEditor/components/mobile/MenuSwiper/property.vue
index bb7f8ce1..81266bc2 100644
--- a/src/components/DiyEditor/components/mobile/MenuSwiper/property.vue
+++ b/src/components/DiyEditor/components/mobile/MenuSwiper/property.vue
@@ -23,7 +23,7 @@
       </el-form-item>
 
       <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 }">
             <el-form-item label="图标" prop="iconUrl">
               <UploadImg v-model="element.iconUrl" height="80px" width="80px">
diff --git a/src/components/DiyEditor/components/mobile/TitleBar/index.vue b/src/components/DiyEditor/components/mobile/TitleBar/index.vue
index 5bf52f49..b75d224e 100644
--- a/src/components/DiyEditor/components/mobile/TitleBar/index.vue
+++ b/src/components/DiyEditor/components/mobile/TitleBar/index.vue
@@ -1,6 +1,6 @@
 <template>
   <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