s-material-react 0.1.12 → 0.1.14

package/css/common/addressItem.scss

@@ -28,7 +28,6 @@
             .icon {
                 width: 14px;
                 height: 14px;
-                background-color: yellowgreen;
             }
         }
     }
@@ -39,6 +38,47 @@
         justify-content: space-between;
         padding: 12px 14px;
 
+        .checkBoxPc {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+
+            input {
+                margin-right: 5px;
+            }
+        }
+
+        .checkboxMini {
+            .checkBoxWrap {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+            }
+
+            .wx-checkbox-input {
+                width: 12px;
+                height: 12px;
+                border-radius: 50%;
+            }
+
+            .wx-checkbox-input .wx-checkbox-input-checked {
+                color: red;
+                border-color: #000;
+            }
+
+            .wx-checkbox-input.wx-checkbox-input-checked::before {
+                background-color: #000;
+                width: 12px;
+                height: 12px;
+                line-height: 12px;
+                border-radius: 50%;
+                text-align: center;
+                font-size: 10px;
+                color: #fff;
+                transform: translate(-50%, -50%) scale(1);
+            }
+        }
+
         .del {
             font-size: 12px;
             color: #a7a7a7;

package/css/common/card.scss

@@ -1,4 +1,5 @@
 @import '../basic/textLine.scss';
+
 .card-item {
     display: grid;
     grid-template-columns: 80px 1fr;

package/css/common/coupon.scss

@@ -1,5 +1,6 @@
 .couponItem {
     width: 100%;
+    box-sizing: border-box;
     display: inline-block;
     padding: 10px;
     position: relative;
@@ -18,6 +19,10 @@
         z-index: -1;
     }
 
+    &:last-child {
+        margin-bottom: 0;
+    }
+
     .coupon-content {
         height: 120px;
         width: 100%;
@@ -28,9 +33,9 @@
 
         .choose {
             position: absolute;
-            top: 10px;
-            right: 10px;
-            background: #fff;
+            top: 5px;
+            right: 5px;
+            //background: #fff;
             border-radius: 100%;
             overflow: hidden;
         }

package/css/common/icon.scss

@@ -1,8 +1,8 @@
 @font-face {
     font-family: 'iconfont'; /* Project id 3540782 */
-    src: url('//at.alicdn.com/t/c/font_3540782_w0k03fwojrs.woff2?t=1669970496419') format('woff2'),
-        url('//at.alicdn.com/t/c/font_3540782_w0k03fwojrs.woff?t=1669970496419') format('woff'),
-        url('//at.alicdn.com/t/c/font_3540782_w0k03fwojrs.ttf?t=1669970496419') format('truetype');
+    src: url('//at.alicdn.com/t/c/font_3540782_nkezpv8lt2.woff2?t=1671616319911') format('woff2'),
+        url('//at.alicdn.com/t/c/font_3540782_nkezpv8lt2.woff?t=1671616319911') format('woff'),
+        url('//at.alicdn.com/t/c/font_3540782_nkezpv8lt2.ttf?t=1671616319911') format('truetype');
 }
 
 .iconfont {
@@ -21,6 +21,82 @@
     -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-shezhi:before {
+    content: '\e602';
+}
+
+.icon-xiangyou1:before {
+    content: '\e775';
+}
+
+.icon-dizhi:before {
+    content: '\e66e';
+}
+
+.icon-kehufuwukefu:before {
+    content: '\e698';
+}
+
+.icon-youhuiquan:before {
+    content: '\e8c0';
+}
+
+.icon-daifahuo:before {
+    content: '\e601';
+}
+
+.icon-yiwancheng:before {
+    content: '\e6a6';
+}
+
+.icon-daishouhuo:before {
+    content: '\e640';
+}
+
+.icon-daifukuan:before {
+    content: '\e612';
+}
+
+.icon-shouhou:before {
+    content: '\e713';
+}
+
+.icon-xiaochengxu:before {
+    content: '\e619';
+}
+
+.icon-zhanghu:before {
+    content: '\e611';
+}
+
+.icon-roundcheck:before {
+    content: '\e657';
+}
+
+.icon-bianjishuru:before {
+    content: '\e8cc';
+}
+
+.icon-tianxie:before {
+    content: '\ec88';
+}
+
+.icon-close-bold:before {
+    content: '\e685';
+}
+
+.icon-jianqu:before {
+    content: '\e60c';
+}
+
+.icon-zengjia:before {
+    content: '\e6ea';
+}
+
+.icon-shanchu:before {
+    content: '\e623';
+}
+
 .icon-jiangxu:before {
     content: '\e618';
 }

package/css/pages/addressDetail.scss

@@ -0,0 +1,79 @@
+.addressDetail {
+    background-color: #f6f6f6;
+    padding-top: 15px;
+    box-sizing: border-box;
+
+    .adm-list {
+        padding-top: 10px;
+        background-color: #fff;
+        border-radius: 10px;
+
+        .adm-list-item {
+            padding: 0 16px;
+
+            .adm-form-item-label {
+                height: 24px;
+                line-height: 24px;
+            }
+
+            .adm-list-item-content {
+                border-bottom: 1 rpx solid #d8d8d8 !important;
+            }
+
+            &:last-child {
+                .adm-form-item-label {
+                    height: 32px;
+                    line-height: 32px;
+                }
+
+                .adm-list-item-content {
+                    border-bottom: 0 none !important;
+                }
+            }
+
+            .h5-div .adm-form-item-child-inner {
+                width: 100%;
+            }
+        }
+    }
+
+    .adm-form-item-feedback-error {
+        color: red;
+    }
+
+    .adm-form-item-label .adm-form-item-required-asterisk {
+        color: red;
+    }
+
+    .areaWrap {
+        color: #888;
+        height: 24px;
+        line-height: 24px;
+    }
+
+    button {
+        background-color: #000;
+        border-radius: 30px;
+        color: #fff;
+        border: 0 none;
+    }
+
+    .skullWrap {
+        padding: 12px;
+
+        .skull {
+            border-radius: 10px;
+            overflow: hidden;
+
+            .skullItem {
+                width: 100%;
+                height: 48px;
+                margin-bottom: 5px;
+
+                &:last-child {
+                    margin-bottom: 0;
+                }
+            }
+        }
+    }
+}

package/css/pages/addressList.scss

@@ -1,18 +1,21 @@
-.addressList {
-    position: relative;
-    overflow: scroll;
-    padding: 15px 12px 20px;
-    box-sizing: border-box;
+.addressListWrap {
     background-color: #f6f6f6;
 
+    .addressList {
+        padding: 15px 12px 65px;
+        box-sizing: border-box;
+        height: inherit;
+        overflow: scroll;
+    }
+
     .addBtnWrap {
         width: 100%;
         padding: 10px;
         box-sizing: border-box;
-        position: absolute;
-        bottom: 0;
-        left: 0;
+        position: sticky;
+        bottom: 0px;
         background-color: #fff;
+        margin-top: -54px;
 
         .addBtn {
             width: 100%;
@@ -26,4 +29,25 @@
             cursor: pointer;
         }
     }
+
+    .skullWrap {
+        padding: 12px;
+        height: inherit;
+        overflow: scroll;
+
+        .skull {
+            overflow: hidden;
+
+            .skullItem {
+                width: 100%;
+                height: 108px;
+                margin-bottom: 10px;
+                border-radius: 5px;
+
+                &:last-child {
+                    margin-bottom: 0;
+                }
+            }
+        }
+    }
 }

package/css/pages/cart.scss

@@ -9,21 +9,51 @@
         background-color: #ffffff;
 
         .btn {
+            display: inline-block;
             font-size: 12px;
+            margin-right: 10px;
+            color: #333333;
+            padding: 10px 12px;
         }
     }
 
     .itemGroup {
+        height: calc(100% - 49px - 54px);
         .cartItem {
             width: 100%;
             padding: 22px 12px;
             box-sizing: border-box;
             display: grid;
-            grid-template-columns: 16px 82px 1fr;
+            grid-template-columns: 20px 82px 1fr;
             gap: 10px;
             border-bottom: 1px solid #e2e2e2;
             background-color: #ffffff;
 
+            .checkBoxWrap {
+                position: relative;
+
+                checkbox {
+                    position: absolute;
+                    top: 50%;
+                    margin-top: -10px;
+                }
+
+                .wx-checkbox-input {
+                    width: 18px;
+                    height: 18px;
+                    border-radius: 50%;
+                }
+
+                .wx-checkbox-input.wx-checkbox-input-checked {
+                    background-color: #000000;
+                }
+
+                .wx-checkbox-input.wx-checkbox-input-checked::before {
+                    color: #ffffff;
+                    font-size: 14px;
+                }
+            }
+
             .img {
                 width: 82px;
                 height: 82px;
@@ -32,16 +62,18 @@
 
             .info {
                 .goodsName {
-                    font-size: 12px;
+                    font-size: 14px;
+                    min-height: 28px;
                     line-height: 17px;
                     display: block;
-                    margin-bottom: 3px;
+                    margin-bottom: 6px;
+                    padding-top: 4px;
                 }
 
                 .size {
                     font-size: 12px;
                     color: #bababa;
-                    margin-bottom: 3px;
+                    margin-bottom: 6px;
                 }
 
                 .handleWrap {
@@ -70,7 +102,7 @@
         display: flex;
         justify-content: space-between;
         background: rgba(255, 255, 255, 0.7);
-        position: absolute;
+        position: sticky;
         bottom: 0;
         left: 0;
 
@@ -78,6 +110,21 @@
             display: flex;
             justify-content: center;
             align-items: center;
+
+            .wx-checkbox-input {
+                width: 18px;
+                height: 18px;
+                border-radius: 50%;
+            }
+
+            .wx-checkbox-input.wx-checkbox-input-checked {
+                background-color: #000000;
+            }
+
+            .wx-checkbox-input.wx-checkbox-input-checked::before {
+                color: #ffffff;
+                font-size: 14px;
+            }
         }
 
         .check {

package/css/pages/couponList.scss

@@ -50,6 +50,7 @@
             background-size: 20px 20px;
             margin-bottom: 14px;
             overflow: hidden;
+            box-sizing: border-box;
 
             &:after {
                 content: '';
@@ -87,16 +88,20 @@
             &.overdue {
                 background: radial-gradient(transparent 0px, transparent 4px, #d9dae1 4px, #d9dae1) -10px -10px;
                 background-size: 20px 20px;
+
                 .coupon-content {
                     background: #d9dae1;
+
                     .price {
                         .symbol {
                             color: #000;
                         }
+
                         .num {
                             color: #000;
                         }
                     }
+
                     .info {
                         display: flex;
                         justify-content: center;

package/css/pages/goodsClassify.scss

@@ -1,6 +1,7 @@
 .goods-classify {
-    padding: 0 15px;
-    &-search {
+    padding: 10px;
+
+    .goods-classify-search {
         width: 100%;
         margin-bottom: 17px;
         height: 34px;
@@ -10,6 +11,7 @@
         display: flex;
         align-items: center;
         justify-content: center;
+
         .icon {
             width: 14px;
             height: 14px;
@@ -19,14 +21,16 @@
 }
 
 .goodsClassifyContainer {
-    height: 100vh;
     background-color: #ffffff;
     display: grid;
     grid-template-columns: 90px 1fr;
     width: 100%;
-    overflow: hidden;
+    height: calc(100% - 71px);
 
     .side {
+        .adm-side-bar-item-active {
+            --adm-color-primary: #000000;
+        }
     }
 
     .main {
@@ -44,7 +48,8 @@
                     height: 20px;
                     width: 60%;
                     //background: greenyellow;
-                    margin: 20px auto;
+                    margin: 0 auto;
+                    padding: 20px 0;
                     text-align: center;
                     position: relative;
 
@@ -65,7 +70,7 @@
                         height: 1px;
                         background-color: #000;
                         left: 0;
-                        top: 10px;
+                        top: 50%;
                     }
                 }
 
@@ -83,6 +88,7 @@
                             display: block;
                             margin-bottom: 12px;
                         }
+
                         .title {
                             font-size: 12px;
                             text-align: center;
@@ -95,14 +101,34 @@
         }
     }
 }
+
 .adm-side-bar {
     --adm-color-box: #f5f5f5;
     --item-border-radius: 8px;
 }
+
 .adm-side-bar-item {
     font-size: 12px;
 }
+
 .adm-side-bar-item-active {
     --adm-color-primary: #1677ff;
     --adm-color-background: #fff;
 }
+
+.classifySkeleton {
+    display: grid;
+    grid-template-columns: 88px 1fr;
+
+    .lPart {
+        border-right: 1px solid #ccc;
+        height: 100%;
+
+        .blc {
+            --width: 90%;
+            --height: 50px;
+            --border-radius: 0px;
+            margin: 0 auto 10px;
+        }
+    }
+}