diff --git a/components-diy/diy-category-item.vue b/components-diy/diy-category-item.vue index fd2b4d0..5e24620 100644 --- a/components-diy/diy-category-item.vue +++ b/components-diy/diy-category-item.vue @@ -1368,6 +1368,9 @@ export default { font-size: 30rpx; font-weight: 500; letter-spacing: 2rpx; + // 删除标题行整块的白色块, 背景设为透明, 让上层网格的 #f5f5f5 透出, + // 标题行与下方 .template1-goods-wrap 灰色融为一体, 只保留居中的文字与两侧短横线 + background: transparent !important; &::before, &::after { diff --git a/components-diy/diy-category.vue b/components-diy/diy-category.vue index 23077dd..5bc8dfb 100644 --- a/components-diy/diy-category.vue +++ b/components-diy/diy-category.vue @@ -1584,7 +1584,10 @@ export default { } .content-box { - background: #fff; + // 模板1 + 三级分类: 标题行 (离型纸 ----) 所在整片右半边需要去掉白色, + // 把 .content-box 也改为透明, 让右侧不再被强制白; 再让 .right-flex-wrap 显式 + // 染 #f5f5f5, 与左侧 tree-wrap 默认色一致, 标题行只显示文字+短横线. + background: transparent; .tree-wrap { width: 170rpx; @@ -1592,10 +1595,10 @@ export default { } .right-flex-wrap { - background: #fff; + background: #f5f5f5; .content-wrap { - background: #fff; + background: transparent; } } }