@fonixtree/magic-design 1.0.70 → 1.0.73

package/lib/composite-comp/dito/components/FlashDeal/mobile/index.less

@@ -1,100 +1,86 @@
 .m-flash-deal-mobile {
   display: flex;
   flex-direction: column;
-  padding: 16px 16px 28px 16px;
-
-  .flash-deal-title {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-
-    .left {
-      display: flex;
-      align-items: center;
-
-      .icon {
-        height: 18px;
-        margin-right: 10px;
-      }
-
-      .title {
-        font-family: 'Montserrat';
-        font-style: normal;
-        font-weight: 600;
-        font-size: 14px;
-        line-height: 18px;
-        color: #2C2C2C;
-        margin-right: 10px;
-      }
-
-      .sub-title {
-        font-family: 'Montserrat';
-        font-style: normal;
-        font-weight: 600;
-        font-size: 10px;
-        line-height: 18px;
-        color: #2C2C2C;
-        margin-right: 6px;
-        align-self: end;
-      }
-    }
-
-    .right {
-      display: flex;
-      align-items: center;
-
-      .text {
-        font-family: 'Montserrat';
-        font-style: normal;
-        font-weight: 600;
-        font-size: 12px;
-        line-height: 15px;
-        color: #0038A8;
-        margin-right: 5px;
-      }
-
-      .btn {
-        white-space: nowrap;
-      }
-    }
-  }
-
-  .flash-deal-list {
-    margin-top: 16px;
-    overflow-x: auto;
-    overflow-y: hidden;
-    white-space: nowrap;
-    display: flex;
-    align-items: flex-start;
-    justify-content: flex-start;
-    position: relative;
-
-    .loading-wrap {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      padding: 30px;
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      left: 0;
-      right: 0;
-      margin: auto;
-    }
-
-    // 秒杀特有样式
-    .m-product-item-wrap {
-      width: 142px;
-      margin-right: 8px;
-
-      .product-img {
-        height: 140px;
-        width: 140px;
-      }
-
-      .product-name {
-        height: 36px;
-      }
-    }
-  }
-}
+  padding: 0.32rem 0.32rem 0.56rem 0.32rem;
+}
+.m-flash-deal-mobile .flash-deal-title {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.m-flash-deal-mobile .flash-deal-title .left {
+  display: flex;
+  align-items: center;
+}
+.m-flash-deal-mobile .flash-deal-title .left .icon {
+  height: 0.36rem;
+  margin-right: 0.2rem;
+}
+.m-flash-deal-mobile .flash-deal-title .left .title {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 600;
+  font-size: 0.28rem;
+  line-height: 0.36rem;
+  color: #2C2C2C;
+  margin-right: 0.2rem;
+}
+.m-flash-deal-mobile .flash-deal-title .left .sub-title {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 600;
+  font-size: 0.2rem;
+  line-height: 0.36rem;
+  color: #2C2C2C;
+  margin-right: 0.12rem;
+  align-self: end;
+}
+.m-flash-deal-mobile .flash-deal-title .right {
+  display: flex;
+  align-items: center;
+}
+.m-flash-deal-mobile .flash-deal-title .right .text {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 600;
+  font-size: 0.24rem;
+  line-height: 0.3rem;
+  color: #0038A8;
+  margin-right: 0.1rem;
+}
+.m-flash-deal-mobile .flash-deal-title .right .btn {
+  white-space: nowrap;
+}
+.m-flash-deal-mobile .flash-deal-list {
+  margin-top: 0.32rem;
+  overflow-x: auto;
+  overflow-y: hidden;
+  white-space: nowrap;
+  display: flex;
+  align-items: flex-start;
+  justify-content: flex-start;
+  position: relative;
+}
+.m-flash-deal-mobile .flash-deal-list .loading-wrap {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.6rem;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+}
+.m-flash-deal-mobile .flash-deal-list .m-product-item-wrap {
+  width: 2.84rem;
+  margin-right: 0.16rem;
+}
+.m-flash-deal-mobile .flash-deal-list .m-product-item-wrap .product-img {
+  height: 2.8rem;
+  width: 2.8rem;
+}
+.m-flash-deal-mobile .flash-deal-list .m-product-item-wrap .product-name {
+  height: 0.72rem;
+}

package/lib/composite-comp/dito/components/HeadNavigation/mobile/index.less

@@ -1,36 +1,34 @@
 .m-head-navigation {
   width: 100%;
-
-  .head-wrap {
-    padding: 15px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    border-bottom: 1px solid #E6EAF0;
-
-    .head-title {
-      font-family: Open Sans;
-      font-size: 14px;
-      font-weight: 400;
-      line-height: 22px;
-      color: #000;
-    }
-    .icon-wrap {
-      transition: all 0.1s;
-    }
-    .rotate {
-      transform: rotate(90deg);
-    }
-  }
-  .content-wrap {
-    display: flex;
-    flex-wrap: wrap;
-    .head-item {
-      margin-bottom: 8px;
-      margin-left: 7px;
-    }
-  }
-  .item-padding-top {
-    padding-top: 8px;
-  }
-}
+}
+.m-head-navigation .head-wrap {
+  padding: 0.3rem;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: 0.02rem solid #E6EAF0;
+}
+.m-head-navigation .head-wrap .head-title {
+  font-family: Open Sans;
+  font-size: 0.28rem;
+  font-weight: 400;
+  line-height: 0.44rem;
+  color: #000;
+}
+.m-head-navigation .head-wrap .icon-wrap {
+  transition: all 0.1s;
+}
+.m-head-navigation .head-wrap .rotate {
+  transform: rotate(90deg);
+}
+.m-head-navigation .content-wrap {
+  display: flex;
+  flex-wrap: wrap;
+}
+.m-head-navigation .content-wrap .head-item {
+  margin-bottom: 0.16rem;
+  margin-left: 0.14rem;
+}
+.m-head-navigation .item-padding-top {
+  padding-top: 0.16rem;
+}

package/lib/composite-comp/dito/components/MenuNavigation/mobile/index.less

@@ -2,7 +2,7 @@
   width: 100%;
   display: flex;
   align-items: center;
-  .menu-item {
-    flex: 1;
-  }
-}
+}
+.m-menu-navigation .menu-item {
+  flex: 1;
+}

package/lib/composite-comp/dito/components/MobileNavigation/mobile/index.less

@@ -1,38 +1,21 @@
-.mobile-navigation-mobile {
-  // display: flex;
-  // flex-direction: column;
-  // padding-top: 18px;
-  .group-wrap {
-    padding: 0 20px;
-    display: flex;
-    .one-card {
-      // display: flex;
-
-      .card-image-wrap {
-        margin-bottom: 4px;
-        width: 100%;
-      }
-    }
-  } 
-
+.mobile-navigation-mobile .group-wrap {
+  padding: 0 0.4rem;
+  display: flex;
 }
-
-.newline {
-  .group-wrap {
-    flex-wrap: wrap;
-  }
+.mobile-navigation-mobile .group-wrap .one-card .card-image-wrap {
+  margin-bottom: 0.08rem;
+  width: 100%;
 }
-
-.tile {
-  .group-wrap {
-    // overflow-x: scroll;
-    overflow-x: auto;
-    flex-wrap: nowrap;
-    scroll-snap-type: x;
-    padding: 0 15px;
-    .one-card {
-      flex-shrink: 0;
-      scroll-snap-align: end;
-    }
-  }
+.newline .group-wrap {
+  flex-wrap: wrap;
+}
+.tile .group-wrap {
+  overflow-x: auto;
+  flex-wrap: nowrap;
+  scroll-snap-type: x;
+  padding: 0 0.3rem;
+}
+.tile .group-wrap .one-card {
+  flex-shrink: 0;
+  scroll-snap-align: end;
 }

package/lib/composite-comp/dito/components/Orders/mobile/index.js

@@ -323,6 +323,11 @@ function (_super) {
         onClick: function onClick() {
           return _this.onItemClick(item.sourceType);
         }
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "content-wrap",
+        style: {
+          pointerEvents: window.magicDesign.mode == 'designer' ? 'auto' : 'none'
+        }
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: "img-wrap"
       }, item.image.open && _this.getImageHtml(item)), item.title.open && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
@@ -331,7 +336,7 @@ function (_super) {
         onTextInput: function onTextInput(text) {
           item.title.text = text;
         }
-      }));
+      })));
     }))));
   };
 

package/lib/composite-comp/dito/components/Orders/mobile/index.less

@@ -1,93 +1,86 @@
 .orders-mobile {
-  padding: 0 16px;
-
-  .fixed-wrap {
-    display: flex;
-    flex-direction: column;
-    background-color: #fff;
-    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
-    border-radius: 16px;
-    width: auto;
-    padding: 16px;
-
-    .top {
-      display: flex;
-      flex-direction: row;
-      justify-content: space-between;
-      font-weight: 600;
-      line-height: 18px;
-      color: var(--font-color);
-
-      .title {
-        font-size: 14px;
-        font-weight: 600;
-        color: #2C2C2C;
-      }
-
-      .btn-wrap {
-        display: flex;
-        flex-direction: row;
-        justify-content: center;
-        align-items: center;
-
-        .text {
-          font-size: 14px;
-          color: #929292;
-          font-weight: 400;
-          margin-right: 4px;
-        }
-      }
-    }
-
-    .list {
-      display: flex;
-      flex-direction: row;
-      justify-content: space-between;
-      height: 66px;
-      margin-top: 24px;
-      margin-bottom: 1px;
-
-      .item {
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        flex: 1;
-
-        .img-wrap {
-          position: relative;
-          display: flex;
-          margin-bottom: 8px;
-          width: 36px;
-          height: 36px;
-
-          .pot {
-            display: inline-block;
-            padding: 0 4px;
-            background: #ce1126;
-            border: 1px solid #ce1126;
-            font-size: 8px;
-            text-align: center;
-            color: #fff;
-            position: absolute;
-            top: -2px;
-            left: 20px;
-            min-width: 16px;
-            height: 16px;
-            border-radius: 50%;
-            line-height: 15px;
-          }
-        }
-
-        .title {
-          height: 22px;
-          font-size: 12px;
-          line-height: 11px;
-          color: #2C2C2C;
-          text-align: center;
-        }
-      }
-    }
-  }
-
-}
+  padding: 0 0.32rem;
+}
+.orders-mobile .fixed-wrap {
+  display: flex;
+  flex-direction: column;
+  background-color: #fff;
+  box-shadow: 0 0.06rem 0.12rem rgba(0, 0, 0, 0.16);
+  border-radius: 0.32rem;
+  width: auto;
+  padding: 0.32rem;
+}
+.orders-mobile .fixed-wrap .top {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  font-weight: 600;
+  line-height: 0.36rem;
+  color: var(--font-color);
+}
+.orders-mobile .fixed-wrap .top .title {
+  font-size: 0.28rem;
+  font-weight: 600;
+  color: #2C2C2C;
+}
+.orders-mobile .fixed-wrap .top .btn-wrap {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+}
+.orders-mobile .fixed-wrap .top .btn-wrap .text {
+  font-size: 0.28rem;
+  color: #929292;
+  font-weight: 400;
+  margin-right: 0.08rem;
+}
+.orders-mobile .fixed-wrap .list {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  height: 1.32rem;
+  margin-top: 0.48rem;
+  margin-bottom: 0.02rem;
+}
+.orders-mobile .fixed-wrap .list .item {
+  display: flex;
+  flex: 1 1;
+}
+.orders-mobile .fixed-wrap .list .item .content-wrap {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+.orders-mobile .fixed-wrap .list .item .img-wrap {
+  position: relative;
+  display: flex;
+  margin-bottom: 0.16rem;
+  width: 0.72rem;
+  height: 0.72rem;
+}
+.orders-mobile .fixed-wrap .list .item .img-wrap .pot {
+  display: inline-block;
+  padding: 0 0.08rem;
+  background: #ce1126;
+  border: 0.02rem solid #ce1126;
+  font-size: 0.16rem;
+  text-align: center;
+  color: #fff;
+  position: absolute;
+  top: -0.04rem;
+  left: 0.4rem;
+  min-width: 0.32rem;
+  height: 0.32rem;
+  border-radius: 50%;
+  line-height: 0.3rem;
+}
+.orders-mobile .fixed-wrap .list .item .title {
+  height: 0.44rem;
+  font-size: 0.24rem;
+  line-height: 0.22rem;
+  color: #2C2C2C;
+  text-align: center;
+}

package/lib/composite-comp/dito/components/PersonalInformation/mobile/index.js

@@ -551,6 +551,11 @@ function (_super) {
         onClick: function onClick() {
           return _this.onItemClick(item.sourceType);
         }
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "content-wrap",
+        style: {
+          pointerEvents: window.magicDesign.mode == 'designer' ? 'auto' : 'none'
+        }
       }, item.number.open && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
         className: "number",
         data: __assign(__assign({}, item.number), {
@@ -563,7 +568,7 @@ function (_super) {
         onTextInput: function onTextInput(text) {
           item.title.text = text;
         }
-      }));
+      })));
     })), editImgModalVisible && /*#__PURE__*/_react["default"].createElement(_common.CropperModal, {
       onClose: function onClose() {
         _this.setState({