@fonixtree/magic-design 0.0.37 → 0.0.39

package/es/composite-comp/dito/components/Recommend/mobile/index.less

@@ -20,7 +20,7 @@
     background: rgb(255 255 255);
     overflow: auto;
     position: relative;
-    margin-bottom: 10px;
+    margin-bottom: 15px;
 
     .tabTitle {
       display: flex;
@@ -29,10 +29,12 @@
       height: 100%;
       justify-content: center;
       white-space: nowrap;
+      flex-direction: column;
 
       img {
-        height: 18px;
-        width: 18px;
+        height: 16px;
+        width: 16px;
+        margin-bottom: 2px;
       }
     }
 
@@ -47,33 +49,32 @@
     }
   }
 
-  .tab-item-container {
+  .macyContainer {
     display: flex;
-    margin: 0 12px;
+    margin: 0 16px;
   }
 
+  .scrollContainer {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    margin: 0 16px;
+    overflow-x: auto;
+    padding-bottom: 15px;
 
+    &.pl_100 {
+      padding-left: 100px;
+    }
 
-  // .ant-tabs-content-holder {
-  //   padding: 0 16px;
-  // }
-
-  // // 推荐特有样式
-  // .m-product-item-wrap {
-  //   width: 100%;
-
-  //   .img-wrap {
-  //     width: 100%;
-  //   }
-  // }
-}
+    .productCard {
+      margin-right: 12px;
+    }
+  }
 
-// 被隐藏的标签页
-// .ant-tabs-dropdown {
-//   .tabTitle {
-//     .m-meta-image img {
-//       width: 18px;
-//       height: 18px;
-//     }
-//   }
-// }
+  .btnSeeAll {
+    display: block;
+    width: fit-content;
+    min-width: 80px;
+    margin: 0 auto;
+  }
+}