From 377888d6e25fffbfb59c791659a679185917fa78 Mon Sep 17 00:00:00 2001
From: 77 <270260644@qq.com>
Date: Mon, 11 Nov 2024 18:45:55 +0800
Subject: [PATCH 1/2] =?UTF-8?q?1=E3=80=81=E4=BC=98=E5=8C=96=E9=AD=94?=
 =?UTF-8?q?=E6=96=B9=E8=A3=85=E4=BF=AE=E5=AE=9E=E7=8E=B0=E9=93=BE=E6=8E=A5?=
 =?UTF-8?q?=E5=8F=AF=E4=BB=A5=E5=8A=A8=E6=80=81=E6=9B=B4=E6=94=B92?=
 =?UTF-8?q?=E3=80=81=E8=A7=A3=E5=86=B3=E4=B8=8A=E6=AC=A1=E9=9A=90=E8=97=8F?=
 =?UTF-8?q?=E9=A6=96=E9=A1=B5=E8=A3=85=E4=BF=AE=E5=BA=95=E9=83=A8=EF=BC=8C?=
 =?UTF-8?q?=E6=8A=8A=E5=BA=95=E9=83=A8=E8=A3=85=E4=BF=AE=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E4=B9=9F=E9=9A=90=E8=97=8F=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../mobile/MenuGridTow/property.vue           | 129 ++++++++++++------
 .../src/components/DiyEditor/index.vue        |   4 +-
 .../mall/promotion/diy/template/decorate.vue  |   2 +-
 3 files changed, 88 insertions(+), 47 deletions(-)

diff --git a/yudao-admin-vue3/src/components/DiyEditor/components/mobile/MenuGridTow/property.vue b/yudao-admin-vue3/src/components/DiyEditor/components/mobile/MenuGridTow/property.vue
index f127127..d12c10e 100644
--- a/yudao-admin-vue3/src/components/DiyEditor/components/mobile/MenuGridTow/property.vue
+++ b/yudao-admin-vue3/src/components/DiyEditor/components/mobile/MenuGridTow/property.vue
@@ -1,33 +1,34 @@
 <template>
-  <ComponentContainerProperty v-model="formData.style">
-    <!-- 表单 -->
-    <el-form label-width="80px" :model="formData" class="m-t-8px">
-      <el-form-item label="每行数量" prop="column">
-        <el-radio-group v-model="formData.column">
-          <el-radio :label="3">3个</el-radio>
-          <el-radio :label="4">4个</el-radio>
-          <el-radio :label="5">5个</el-radio>
-        </el-radio-group>
-      </el-form-item>
+	<ComponentContainerProperty v-model="formData.style">
+		<!-- 表单 -->
+		<el-form label-width="80px" :model="formData" class="m-t-8px">
+			<!-- <el-form-item label="每行数量" prop="column">
+				<el-radio-group v-model="formData.column">
+				  <el-radio :label="3">3个</el-radio>
+				  <el-radio :label="4">4个</el-radio>
+				  <el-radio :label="5">5个</el-radio>
+				</el-radio-group>
+			  </el-form-item> -->
 
-      <el-card header="菜单设置" class="property-group" shadow="never">
-        <Draggable v-model="formData.list" :empty-item="EMPTY_MENU_GRID_ITEM_PROPERTY">
-          <template #default="{ element }">
-            <el-form-item label="图标" prop="iconUrl">
-              <UploadImg v-model="element.iconUrl" height="80px" width="80px">
-                <template #tip> 建议尺寸：44 * 44 </template>
-              </UploadImg>
-            </el-form-item>
-            <el-form-item label="标题" prop="title">
-              <InputWithColor v-model="element.title" v-model:color="element.titleColor" />
-            </el-form-item>
-            <el-form-item label="副标题" prop="subtitle">
+			<el-card header="菜单设置" class="property-group" shadow="never">
+				<Draggable v-model="formData.list" handle="false">
+					<template #default="{ element }">
+						<!-- <el-form-item label="图标" prop="iconUrl">
+						  <UploadImg v-model="element.iconUrl" height="80px" width="80px">
+							<template #tip> 建议尺寸：44 * 44 </template>
+						  </UploadImg>
+						</el-form-item> -->
+						<el-form-item label="标题" prop="title">
+							<!-- <InputWithColor v-model="element.title" v-model:color="element.titleColor" /> -->
+							<div>{{element.title}}</div>
+						</el-form-item>
+						<!-- <el-form-item label="副标题" prop="subtitle">
               <InputWithColor v-model="element.subtitle" v-model:color="element.subtitleColor" />
-            </el-form-item>
-            <el-form-item label="链接" prop="url">
-              <AppLinkInput v-model="element.url" />
-            </el-form-item>
-            <el-form-item label="显示角标" prop="badge.show">
+            </el-form-item> -->
+						<el-form-item label="链接" prop="url">
+							<AppLinkInput v-model="element.url" />
+						</el-form-item>
+						<!-- <el-form-item label="显示角标" prop="badge.show">
               <el-switch v-model="element.badge.show" />
             </el-form-item>
             <template v-if="element.badge.show">
@@ -40,27 +41,67 @@
               <el-form-item label="背景颜色" prop="badge.bgColor">
                 <ColorInput v-model="element.badge.bgColor" />
               </el-form-item>
-            </template>
-          </template>
-        </Draggable>
-      </el-card>
-    </el-form>
-  </ComponentContainerProperty>
+            </template> -->
+					</template>
+				</Draggable>
+			</el-card>
+		</el-form>
+	</ComponentContainerProperty>
 </template>
 
 <script setup lang="ts">
-import { usePropertyForm } from '@/components/DiyEditor/util'
-import {
-  EMPTY_MENU_GRID_ITEM_PROPERTY,
-  MenuGridProperty
-} from '@/components/DiyEditor/components/mobile/MenuGrid/config'
+	import { usePropertyForm } from '@/components/DiyEditor/util'
+	import {
+		EMPTY_MENU_GRID_ITEM_PROPERTY,
+		MenuGridProperty
+	} from '@/components/DiyEditor/components/mobile/MenuGrid/config'
 
-/** 宫格导航属性面板 */
-defineOptions({ name: 'MenuGridProperty' })
+	/** 宫格导航属性面板 */
+	defineOptions({ name: 'MenuGridProperty' })
 
-const props = defineProps<{ modelValue: MenuGridProperty }>()
-const emit = defineEmits(['update:modelValue'])
-const { formData } = usePropertyForm(props.modelValue, emit)
+	const props = defineProps<{ modelValue : MenuGridProperty }>()
+	const emit = defineEmits(['update:modelValue'])
+	const { formData } = usePropertyForm(props.modelValue, emit)
+	if (formData.value.list.length == 1 || formData.value.list.length == 2 || formData.value.list.length == 3) {
+		formData.value = {
+			column: 3,
+			list: [
+				{
+					title: "今日推荐",
+					url: '/pages/index/page?id=19'
+				},
+				{
+					title: "热门榜单",
+					url: '/pages/index/page?id=21'
+				},
+				{
+					title: "首发新品",
+					url: '/pages/index/page?id=22'
+				},
+				{
+					title: "促销单品",
+					url: '/pages/index/page?id=23'
+				}
+			],
+			style: {
+				bgColor: "#fff",
+				bgType: "color",
+				borderBottomLeftRadius: 8,
+				borderBottomRightRadius: 8,
+				borderRadius: 8,
+				borderTopLeftRadius: 8,
+				borderTopRightRadius: 8,
+				marginBottom: 8,
+				marginLeft: 8,
+				marginRight: 8,
+				padding: 0,
+				paddingBottom: 0,
+				paddingLeft: 0,
+				paddingRight: 0,
+				paddingTop: 0
+			}
+		}
+	}
 </script>
 
-<style scoped lang="scss"></style>
+<style scoped lang="scss"></style>
\ No newline at end of file
diff --git a/yudao-admin-vue3/src/components/DiyEditor/index.vue b/yudao-admin-vue3/src/components/DiyEditor/index.vue
index 6c64bfe..c01f6a9 100644
--- a/yudao-admin-vue3/src/components/DiyEditor/index.vue
+++ b/yudao-admin-vue3/src/components/DiyEditor/index.vue
@@ -69,10 +69,10 @@
 					</draggable>
 				</el-scrollbar>
 				<!-- 手机底部导航 -->
-				<!-- <div v-if="showTabBar" :class="['editor-design-bottom', 'component', 'cursor-pointer!']">
+				<div v-if="showTabBar" :class="['editor-design-bottom', 'component', 'cursor-pointer!']">
 					<ComponentContainer :component="tabBarComponent" :show-toolbar="false"
 						:active="selectedComponent?.id === tabBarComponent.id" @click="handleTabBarSelected" />
-				</div> -->
+				</div>
 				<!-- 固定布局的组件 操作按钮区 -->
 				<div class="fixed-component-action-group">
 					<el-tag v-if="showPageConfig" size="large"
diff --git a/yudao-admin-vue3/src/views/mall/promotion/diy/template/decorate.vue b/yudao-admin-vue3/src/views/mall/promotion/diy/template/decorate.vue
index 4fa8d08..38d74c7 100644
--- a/yudao-admin-vue3/src/views/mall/promotion/diy/template/decorate.vue
+++ b/yudao-admin-vue3/src/views/mall/promotion/diy/template/decorate.vue
@@ -2,7 +2,7 @@
 	<DiyEditor v-if="formData && !formLoading" v-model="currentFormData!.property"
 		:title="templateItems[selectedTemplateItem].name" :libs="libs" :show-page-config="selectedTemplateItem !== 0"
 		:show-tab-bar="selectedTemplateItem === 0" :show-navigation-bar="selectedTemplateItem !== 0"
-		:preview-url="previewUrl" @save="submitForm" @reset="handleEditorReset">
+		:preview-url="previewUrl" @save="submitForm" @reset="handleEditorReset" :showTabBar = "false">
 		<template #toolBarLeft>
 			<!-- <el-radio-group
         v-model="selectedTemplateItem"
-- 
2.45.2


From f98b460c148a9f2da531a6a4aff5c0621c53d67c Mon Sep 17 00:00:00 2001
From: 77 <270260644@qq.com>
Date: Tue, 12 Nov 2024 18:13:06 +0800
Subject: [PATCH 2/2] =?UTF-8?q?1=E3=80=81=E6=B7=BB=E5=8A=A0=E4=B8=BB?=
 =?UTF-8?q?=E9=A2=98=E8=89=B2=E7=B2=89=E8=89=B2=E4=B8=8E=E6=A9=99=E8=89=B2?=
 =?UTF-8?q?2=E3=80=81=E6=9B=BF=E6=8D=A2=E5=88=86=E7=B1=BB=E5=95=86?=
 =?UTF-8?q?=E5=93=81=E7=9A=84=E5=B1=95=E7=A4=BA=E5=9B=BE=E7=89=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../diy/template/ProductCategory.vue          |  4 ++--
 .../promotion/diy/template/ThemeStyle.vue     | 20 +++++++++++++++++++
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/yudao-admin-vue3/src/views/mall/promotion/diy/template/ProductCategory.vue b/yudao-admin-vue3/src/views/mall/promotion/diy/template/ProductCategory.vue
index 63b37c7..121a38b 100644
--- a/yudao-admin-vue3/src/views/mall/promotion/diy/template/ProductCategory.vue
+++ b/yudao-admin-vue3/src/views/mall/promotion/diy/template/ProductCategory.vue
@@ -10,11 +10,11 @@
 		
 		<div class="mainBottom">
 			<div class='item' :class="currItem == 1 ? 'on': ''" @click="clickItem(1)">
-				<img class="img" src="https://zysc.fjptzykj.com:3000/shangcheng/a7d0409cbf5335a2780409756914c530fc7c88bec85fc81302b53760d9be4a03.jpg" />
+				<img class="img" src="https://zysc.fjptzykj.com:3000/shangcheng/921278a710b8035ac2e4fd40a08f64e3652c5130c08c633b7e136714d57c1001.jpg" />
 				<div class="text">样式1</div>
 			</div>
 			<div class='item' :class="currItem == 2 ? 'on': ''" @click="clickItem(2)">
-				<img class="img" src="https://zysc.fjptzykj.com:3000/shangcheng/9096b2c04a6e46ea562999a93a1b975100c6b4557e680dcb31de6d3555407841.png" />
+				<img class="img" src="https://zysc.fjptzykj.com:3000/shangcheng/909ef630cff7cdc957962ae782ee9a882c86c35732140b1c9e013341fa559126.jpg" />
 				<div class="text">样式2</div>
 			</div>
 		</div>
diff --git a/yudao-admin-vue3/src/views/mall/promotion/diy/template/ThemeStyle.vue b/yudao-admin-vue3/src/views/mall/promotion/diy/template/ThemeStyle.vue
index 4fd0bc1..516a0cd 100644
--- a/yudao-admin-vue3/src/views/mall/promotion/diy/template/ThemeStyle.vue
+++ b/yudao-admin-vue3/src/views/mall/promotion/diy/template/ThemeStyle.vue
@@ -22,6 +22,14 @@
 					<div class="le" style="background:rgb(66, 202, 77);"></div>
 					<div class="ri">生鲜绿</div>
 				</div>
+				<div class="item" :class="currItem== 'pink' ? 'on': ''" @click="clickItem('pink')">
+					<div class="le" style="background:#ff448f;"></div>
+					<div class="ri">魅力粉</div>
+				</div>
+				<div class="item" :class="currItem== 'orange' ? 'on': ''" @click="clickItem('orange')">
+					<div class="le" style="background:#fe5c2d;"></div>
+					<div class="ri">活力橙</div>
+				</div>
 			</div>
 			<div class="mainBottom">
 				<div class='item' v-show="currItem== ''">
@@ -37,6 +45,14 @@
 					<img class="img"
 						src="https://zysc.fjptzykj.com:3000/shangcheng/0d0a7ab210afb5cee674e402ca3ec197a30523687acbec2e8e5f16fb52075e9b.jpg" />
 				</div>
+				<div class='item' v-show="currItem== 'pink'">
+					<img class="img"
+						src="https://zysc.fjptzykj.com:3000/shangcheng/0d0a7ab210afb5cee674e402ca3ec197a30523687acbec2e8e5f16fb52075e9b.jpg" />
+				</div>
+				<div class='item' v-show="currItem== 'orange'">
+					<img class="img"
+						src="https://zysc.fjptzykj.com:3000/shangcheng/0d0a7ab210afb5cee674e402ca3ec197a30523687acbec2e8e5f16fb52075e9b.jpg" />
+				</div>
 			</div>
 		</div>
 	</div>
@@ -66,6 +82,10 @@
 			setZtClass('lv')
 		}else if(currItem.value == 'blue'){
 			setZtClass('blue')
+		}else if(currItem.value == 'pink'){
+			setZtClass('pink')
+		}else if(currItem.value == 'orange'){
+			setZtClass('orange')
 		}else{
 			setZtClass('')
 		}
-- 
2.45.2