Files
lilishop-uniapp/pages/tabbar/home/template/tpl.scss
pikachu1995@126.com 2d4a316129 style(home): 优化首页模板组件间距与店铺卡片视觉样式
- 将所有模板组件的 pageGap/marginBottom 默认值从 10rpx 调整为 0
- 重构店铺卡片样式一为全景大片橱窗布局,添加自营标签与图片加载容错
- 重构店铺卡片样式二为大牌名店街 + 精品橱窗风格,优化商品封面与价格展示
- 促销详情模板添加 isRealGoods 过滤,无有效数据时整块不渲染
- 修复 u-notice-bar 横向滚动模式下 text 需为字符串的类型兼容问题
- 统一将模板中 HTML 实体 > 改为插值表达式避免转义异常
2026-10-21 15:16:25 +08:00

36 lines
547 B
SCSS

.image-mode {
width: 100%;
height: auto;
display: block;
padding: 2rpx;
}
// 首页楼层模块统一左右边距(轮播图、宫格等 .layout 容器)
$home-layout-padding: 16rpx;
.layout {
padding: $home-layout-padding;
margin: 0;
background: #fff;
}
.layout,
.view-height-75,
.view-height-150 {
overflow: hidden;
}
.view-width-100 {
width: 100%;
}
.view-height-75 {
min-height: 150rpx;
}
.view-height-150 {
min-height: 300rpx;
flex: 1;
}
.view-height-85 {
height: 170rpx;
flex: 1;
}