浏览代码

商店热搜页修复样式错乱

wyy 1 年之前
父节点
当前提交
153d675641
共有 1 个文件被更改,包括 9 次插入2 次删除
  1. 9 2
      front-end/mall4uni/src/pages/prod-classify/prod-classify.scss

+ 9 - 2
front-end/mall4uni/src/pages/prod-classify/prod-classify.scss

@@ -1,6 +1,6 @@
 .container {
-  background: #fff;
-  margin: 7px;
+  background: #f4f4f4;
+  padding: 7px;
 }
 .line-fix {
   width: 100%;
@@ -19,6 +19,13 @@
   flex-wrap: wrap;
   justify-content: space-between;
 }
+:deep(.prod-items) {
+  display: inline-block;
+  width: 345rpx !important;
+  &:nth-child(2n) {
+    margin-left: 30rpx;
+  }
+}
 /* 空 */
 .empty {
   display: block;