style(home): 优化首页模板组件间距与店铺卡片视觉样式

- 将所有模板组件的 pageGap/marginBottom 默认值从 10rpx 调整为 0
- 重构店铺卡片样式一为全景大片橱窗布局,添加自营标签与图片加载容错
- 重构店铺卡片样式二为大牌名店街 + 精品橱窗风格,优化商品封面与价格展示
- 促销详情模板添加 isRealGoods 过滤,无有效数据时整块不渲染
- 修复 u-notice-bar 横向滚动模式下 text 需为字符串的类型兼容问题
- 统一将模板中 HTML 实体 > 改为插值表达式避免转义异常
This commit is contained in:
pikachu1995@126.com
2026-10-21 15:16:25 +08:00
parent 87477bc32b
commit 2d4a316129
11 changed files with 235 additions and 88 deletions

View File

@@ -9,7 +9,7 @@
/>
<view v-else class="integral-head-title" :style="headTitleStyle">{{ title }}</view>
<view class="integral-head-space"></view>
<view class="integral-head-more" :style="moreStyle">更多 &gt;</view>
<view class="integral-head-more" :style="moreStyle">{{ "更多 >" }}</view>
</view>
<!-- 老数据:原始四列样式 -->
<view v-if="!styled" class="join-box">
@@ -125,7 +125,7 @@ const wrapperStyle = computed(() => {
return {
background: res.bgColor || "#FFFFFF",
padding: `0 ${res.paddingX ?? 0}rpx`,
marginBottom: `${res.pageGap ?? 10}rpx`,
marginBottom: `${res.pageGap ?? 0}rpx`,
borderRadius: `${res.borderRadius ?? 0}rpx`,
overflow: "hidden",
};