From b603f8c4517497f86d5e46eedca094888d7ab2eb Mon Sep 17 00:00:00 2001
From: "pikachu1995@126.com" <pikachu1995@126.com>
Date: Mon, 12 Oct 2026 15:38:25 +0800
Subject: [PATCH] =?UTF-8?q?feat(uniapp):=20=E7=83=AD=E5=8C=BA=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E5=BA=94=E7=94=A8=E6=A0=B7=E5=BC=8F=E5=AD=97=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

外层背景/边距/页面间距/背景圆角，图片与热区容器内容圆角；缺字段兜底为现状，老页面零视觉变化
---
 pages/tabbar/home/template/tpl_flex_one.vue | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/pages/tabbar/home/template/tpl_flex_one.vue b/pages/tabbar/home/template/tpl_flex_one.vue
index 992371e..6d9f57c 100644
--- a/pages/tabbar/home/template/tpl_flex_one.vue
+++ b/pages/tabbar/home/template/tpl_flex_one.vue
@@ -1,6 +1,6 @@
 <template>
-  <view class="layout">
-    <view class="flex-one">
+  <view class="layout" :style="wrapperStyle">
+    <view class="flex-one" :style="contentStyle">
       <u-image
         v-if="!hasHotZone"
         @click="modelNavigateTo(res.list[0])"
@@ -25,6 +25,18 @@ const hasHotZone = computed(() => {
   const zoneInfo = props.res?.list?.[0]?.zoneInfo;
   return Array.isArray(zoneInfo) ? zoneInfo.length > 0 : !!zoneInfo;
 });
+
+const wrapperStyle = computed(() => ({
+  background: props.res?.bgColor ?? "transparent",
+  padding: `${props.res?.paddingTop ?? 0}rpx ${props.res?.paddingX ?? 0}rpx ${props.res?.paddingBottom ?? 0}rpx`,
+  marginBottom: `${props.res?.pageGap ?? 0}rpx`,
+  borderRadius: `${props.res?.borderRadius ?? 0}rpx`,
+  overflow: (props.res?.borderRadius ?? 0) > 0 ? "hidden" : "visible",
+}));
+
+const contentStyle = computed(() => ({
+  borderRadius: `${props.res?.imgRadius ?? 0}rpx`,
+}));
 </script>
 <style lang="scss" scoped>
 @import "./tpl.scss";
@@ -33,4 +45,4 @@ const hasHotZone = computed(() => {
   display: block;
   overflow: hidden;
 }
-</style>
\ No newline at end of file
+</style>