@fonixtree/magic-design 2.0.216 → 2.0.221

package/lib/common/ProductFilterModal/components/FilterSearchModal/index.css

@@ -1,123 +0,0 @@
-.classificationDetailModal {
-  height: calc(80vh - 0.8rem);
-  width: 100%;
-  background-color: #fff;
-  box-sizing: border-box;
-}
-.classificationDetailModal .headerWrap {
-  height: 1.12rem;
-  display: flex;
-  align-items: center;
-  font-style: normal;
-  font-weight: 500;
-  font-size: 0.28rem;
-  text-transform: uppercase;
-  color: #333333;
-}
-.classificationDetailModal .headerWrap .iconBack {
-  margin-right: 0.2rem;
-}
-.classificationDetailModal .headerWrap .headerTitle {
-  font-weight: 600;
-  font-size: 0.32rem;
-  color: #1B1B1B;
-  width: 100%;
-  text-align: center;
-  padding-right: 0.4rem;
-}
-.classificationDetailModal .searchWrap {
-  margin-top: 0.4rem;
-  background: #F6F6F6;
-  border-radius: 0.08rem;
-  padding: 0.16rem 0.24rem;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.classificationDetailModal .searchWrap input {
-  height: 0.4rem;
-  flex: 1;
-  border: none;
-  outline: none;
-  font-style: normal;
-  font-weight: 400;
-  font-size: 0.32rem;
-  background-color: #F6F6F6;
-}
-.classificationDetailModal .contentWrap {
-  background: #ffffff;
-  height: 6rem;
-  margin-top: 0.32rem;
-  overflow-y: scroll;
-  overflow-x: hidden;
-}
-.classificationDetailModal .contentWrap .listWrap {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-}
-.classificationDetailModal .contentWrap .listWrap .notFoundWrap {
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  font-style: normal;
-  font-weight: 400;
-  font-size: 0.28rem;
-  text-align: center;
-  color: #333333;
-  margin: 0 auto;
-}
-.classificationDetailModal .contentWrap .listWrap :global .fxm-tag {
-  min-height: 0.64rem;
-  height: auto;
-  display: flex;
-  align-items: center;
-  font-size: 0.28rem;
-  border-radius: 0;
-  font-weight: 400;
-  text-align: left;
-  margin-top: 0.16rem;
-  margin-right: 0.16rem;
-  border-radius: 0.08rem;
-  background: #ffffff;
-  border: 0.02rem solid #c4c4c4;
-  color: #7b7b7b;
-}
-.classificationDetailModal .contentWrap .listWrap :global .fxm-tag-normal::before {
-  border: none;
-}
-.classificationDetailModal .contentWrap .listWrap :global .fxm-tag-active {
-  color: var(--theme-color);
-  border: 0.02rem solid var(--theme-color);
-}
-.classificationDetailModal .contentWrap .listWrap :global .fxm-tag-active::before {
-  border: none;
-  width: 0;
-  height: 0;
-}
-.classificationDetailModal .bottomWrap {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  z-index: 5;
-  background: #fff;
-  height: 1.56rem;
-  padding: 0.24rem;
-}
-.classificationDetailModal .bottomWrap .btn-confirm {
-  display: flex;
-  flex: 1 1;
-  height: 1.08rem;
-  align-items: center;
-  justify-content: center;
-  color: #fff;
-  border: 0.02rem solid #FF8650;
-  background-color: #FF8650;
-  border-radius: 0.16rem;
-  font-weight: 600;
-  font-size: 0.28rem;
-}
-.classificationDetailModal .bottomWrap .btn-confirm:hover {
-  background-color: #FF8650;
-}

package/lib/common/ProductFilterModal/index.css

@@ -1,99 +0,0 @@
-.productFilterModal .productFilterWrap {
-  background: #ffffff;
-  height: 60vh;
-  overflow-y: scroll;
-  overflow-x: hidden;
-  box-sizing: border-box;
-}
-.productFilterModal .productFilterWrap .item {
-  margin-top: 0.4rem;
-}
-.productFilterModal .productFilterWrap .item .inputWrap {
-  margin-top: 0.2rem;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.productFilterModal .productFilterWrap .item .inputWrap .divider {
-  padding: 0 0.2rem;
-  flex-shrink: 0;
-  height: 0.04rem;
-  width: 0.22rem;
-  background-color: #000;
-}
-.productFilterModal .productFilterWrap .item .inputWrap input {
-  width: 45%;
-  height: 0.96rem;
-  border: 0.02rem solid #E4E4E4;
-  box-shadow: none;
-  padding: 0.24rem;
-  border-radius: 0.08rem;
-  outline: none;
-}
-.productFilterModal .productFilterWrap .item .title {
-  line-height: 0.48rem;
-  font-size: 0.32rem;
-  font-weight: 600;
-  color: #000;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.productFilterModal .productFilterWrap .item .accordionContentWrap {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  padding-bottom: 0.02rem;
-}
-.productFilterModal .productFilterWrap .item .accordionContentWrap .btnMore {
-  font-weight: 600;
-  font-size: 0.28rem;
-  color: #FF8650;
-  margin-top: 0.12rem;
-  margin-left: 0.2rem;
-}
-.productFilterModal .bottomWrap {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  background: #fff;
-  width: 100%;
-  height: 1.56rem;
-  padding: 0.24rem 0.48rem;
-  display: flex;
-  gap: 0.4rem;
-  justify-content: space-between;
-}
-.productFilterModal .bottomWrap .btn-reset {
-  display: flex;
-  flex: 1 1;
-  height: 1.08rem;
-  align-items: center;
-  justify-content: center;
-  color: #FF8650;
-  border: 0.02rem solid #FF8650;
-  background-color: #fff;
-  border-radius: 0.16rem;
-  font-weight: 600;
-  font-size: 0.28rem;
-}
-.productFilterModal .bottomWrap .btn-reset:hover {
-  background-color: #fff;
-}
-.productFilterModal .bottomWrap .btn-confirm {
-  display: flex;
-  flex: 1 1;
-  height: 1.08rem;
-  align-items: center;
-  justify-content: center;
-  color: #fff;
-  border: 0.02rem solid #FF8650;
-  background-color: #FF8650;
-  border-radius: 0.16rem;
-  font-weight: 600;
-  font-size: 0.28rem;
-}
-.productFilterModal .bottomWrap .btn-confirm:hover {
-  background-color: #FF8650;
-}

package/lib/common/ProductModal/SortableImageList/index.css

@@ -1,3 +0,0 @@
-.imgListWrap {
-  display: flex;
-}

package/lib/common/ProductModal/index.css

@@ -1,123 +0,0 @@
-.modalCot {
-  width: 24rem;
-  right: unset !important;
-  left: unset !important;
-}
-.modalCot .proModalWrap thead .cylon-checkbox {
-  visibility: hidden;
-}
-.modalCot .proModalWrap .content {
-  display: flex;
-  margin-bottom: 0.16rem;
-}
-.modalCot .proModalWrap .content .rightCot {
-  width: calc(100% - 5.2rem);
-  margin-left: 0.32rem;
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-}
-.modalCot .proModalWrap .content .rightCot .btn-select-type {
-  text-align: right;
-  margin-bottom: 0.3rem;
-}
-.modalCot .proModalWrap .content .rightCot .prodImg {
-  display: inline-block;
-  width: 0.72rem;
-  height: 0.72rem;
-  background-size: cover;
-  background-position: 50% 50%;
-  background-repeat: no-repeat;
-}
-.modalCot .proModalWrap .content .rightCot .selectedCot {
-  padding-right: 0.36rem;
-  margin-left: 0.08rem;
-  height: 1.56rem;
-  background: #f8f8f8;
-  border: 0.02rem solid #e0e0e0;
-  border-radius: 0.04rem;
-  display: flex;
-  flex-direction: row;
-  overflow-x: auto;
-}
-.modalCot .proModalWrap .content .rightCot .selectedCot .selectedItem {
-  box-sizing: border-box;
-  margin-top: 0.24rem;
-  margin-left: 0.36rem;
-  height: 1.04rem;
-  position: relative;
-}
-.modalCot .proModalWrap .content .rightCot .selectedCot .selectedItem:hover .selectedItemImg {
-  width: 1.04rem;
-  height: 1.04rem;
-  border: 0.02rem solid #4477ee !important;
-  box-shadow: 0 0 0 0.04rem rgba(68, 119, 238, 0.15);
-  border-radius: 0.04rem;
-}
-.modalCot .proModalWrap .content .rightCot .selectedCot .selectedItem:hover .selectedItemClose {
-  display: flex;
-}
-.modalCot .proModalWrap .content .rightCot .selectedCot .selectedItem .selectedItemClose {
-  display: none;
-  border: 0.02rem solid #000;
-  width: 0.32rem;
-  height: 0.32rem;
-  border-radius: 50%;
-  padding: 0.04rem;
-  position: absolute;
-  top: -0.18rem;
-  right: -0.16rem;
-  z-index: 400;
-  cursor: pointer;
-}
-.modalCot .proModalWrap .content .rightCot .selectedCot .selectedItem .selectedItemImg {
-  height: 1.04rem;
-  width: 1.04rem;
-  border: 0.02rem solid #e0e0e0;
-  border-radius: 0.04rem;
-}
-.modalCot .proModalWrap .content .rightCot .selectedCot .selectedItem .selectedItemImg.invalid {
-  border: 0.02rem solid red;
-}
-.modalCot .proModalWrap .content .leftCot {
-  width: 5.2rem;
-  padding-right: 0.28rem;
-  box-sizing: border-box;
-  border-right: 0.02rem solid #e0e0e0;
-}
-.modalCot .proModalWrap .content .leftCot .divider {
-  width: 10%;
-  display: inline-block;
-  text-align: center;
-  height: 0.64rem;
-  line-height: 0.64rem;
-}
-.modalCot .proModalWrap .content .leftCot .buttonStyle {
-  margin-top: 0.2rem;
-  display: flex;
-  flex-direction: row-reverse;
-  align-items: center;
-}
-.modalCot .proModalWrap .footer {
-  padding-top: 0.24rem;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  border-top: 0.02rem solid #e0e0e0;
-}
-.modalCot .proModalWrap .total {
-  font-size: 0.32rem;
-  color: #2d3040;
-  letter-spacing: 0;
-}
-.modalCot .proModalWrap .total .totalNum {
-  color: #4477ee;
-}
-.cylon-modal-root {
-  display: flex;
-  justify-content: center;
-  position: absolute;
-  left: 0;
-  right: 0;
-  z-index: 1001;
-}

package/lib/common/ProductSource/index.css

@@ -1,13 +0,0 @@
-.productSourceWrap {
-  margin-bottom: 0.3rem;
-}
-.productSourceWrap .total {
-  margin-top: 0.2rem;
-  font-family: 'Open Sans';
-  font-style: normal;
-  font-weight: 400;
-  font-size: 0.32rem;
-  line-height: 0.48rem;
-  text-align: center;
-  color: #8493AF;
-}

package/lib/common/RatingText/index.css

@@ -1,11 +0,0 @@
-.ratingText {
-  display: flex;
-  position: relative;
-  align-items: center;
-}
-.ratingText .rate-text {
-  color: #545454;
-  font-size: 0.24rem;
-  margin-left: 0.08rem;
-  font-weight: 400;
-}

package/lib/common/RcCollapse/index.css

@@ -1,64 +0,0 @@
-.rc-collapse-motion {
-  transition: height 0.3s, opacity 0.3s;
-  overflow: hidden;
-}
-.rc-collapse-content-hidden {
-  display: none;
-}
-.rc-collapse {
-  border-radius: 0.06rem;
-}
-.rc-collapse > .rc-collapse-item:first-child {
-  border-top: none;
-}
-.rc-collapse > .rc-collapse-item > .rc-collapse-header {
-  display: flex;
-  align-items: center;
-  line-height: 0.44rem;
-  padding: 0.2rem 0;
-  color: #666;
-  cursor: pointer;
-}
-.rc-collapse > .rc-collapse-item > .rc-collapse-header .arrow {
-  display: inline-block;
-  content: '\20';
-  width: 0;
-  height: 0;
-  font-size: 0;
-  line-height: 0;
-  border-top: 0.06rem solid transparent;
-  border-bottom: 0.06rem solid transparent;
-  border-left: 0.08rem solid #666;
-  vertical-align: middle;
-  margin-right: 0.16rem;
-}
-.rc-collapse > .rc-collapse-item > .rc-collapse-header .rc-collapse-extra {
-  margin: 0 0 0 auto;
-}
-.rc-collapse > .rc-collapse-item .rc-collapse-header-collapsible-only {
-  cursor: default;
-}
-.rc-collapse > .rc-collapse-item .rc-collapse-header-collapsible-only .rc-collapse-header-text {
-  cursor: pointer;
-}
-.rc-collapse > .rc-collapse-item-disabled > .rc-collapse-header {
-  cursor: not-allowed;
-  color: #999;
-}
-.rc-collapse-content {
-  color: #666;
-}
-.rc-collapse-content > .rc-collapse-content-box {
-  margin-bottom: 0.32rem;
-}
-.rc-collapse-item:last-child > .rc-collapse-content {
-  border-radius: 0 0 0.06rem 0.06rem;
-}
-.rc-collapse > .rc-collapse-item-active > .rc-collapse-header .arrow {
-  position: relative;
-  top: 0.04rem;
-  border-left: 0.06rem solid transparent;
-  border-right: 0.06rem solid transparent;
-  border-top: 0.08rem solid #666;
-  margin-right: 0.12rem;
-}

package/lib/common/RcCollapse/motion.css

@@ -1,7 +0,0 @@
-.rc-collapse-motion {
-  transition: height 0.3s, opacity 0.3s;
-  overflow: hidden;
-}
-.rc-collapse-content-hidden {
-  display: none;
-}

package/lib/common/SelectStoreModal/SortableImageList/index.css

@@ -1,3 +0,0 @@
-.imgListWrap {
-  display: flex;
-}

package/lib/common/SelectStoreModal/index.css

@@ -1,123 +0,0 @@
-.modalCot {
-  width: 24rem;
-  right: unset !important;
-  left: unset !important;
-}
-.modalCot .storeModalWrap thead .cylon-checkbox {
-  visibility: hidden;
-}
-.modalCot .storeModalWrap .content {
-  display: flex;
-  margin-bottom: 0.16rem;
-}
-.modalCot .storeModalWrap .content .rightCot {
-  width: calc(100% - 5.2rem);
-  margin-left: 0.32rem;
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-}
-.modalCot .storeModalWrap .content .rightCot .btn-select-type {
-  text-align: right;
-  margin-bottom: 0.3rem;
-}
-.modalCot .storeModalWrap .content .rightCot .prodImg {
-  display: inline-block;
-  width: 0.72rem;
-  height: 0.72rem;
-  background-size: cover;
-  background-position: 50% 50%;
-  background-repeat: no-repeat;
-}
-.modalCot .storeModalWrap .content .rightCot .selectedCot {
-  padding-right: 0.36rem;
-  margin-left: 0.08rem;
-  height: 1.56rem;
-  background: #f8f8f8;
-  border: 0.02rem solid #e0e0e0;
-  border-radius: 0.04rem;
-  display: flex;
-  flex-direction: row;
-  overflow-x: auto;
-}
-.modalCot .storeModalWrap .content .rightCot .selectedCot .selectedItem {
-  box-sizing: border-box;
-  margin-top: 0.24rem;
-  margin-left: 0.36rem;
-  height: 1.04rem;
-  position: relative;
-}
-.modalCot .storeModalWrap .content .rightCot .selectedCot .selectedItem:hover .selectedItemImg {
-  width: 1.04rem;
-  height: 1.04rem;
-  border: 0.02rem solid #4477ee !important;
-  box-shadow: 0 0 0 0.04rem rgba(68, 119, 238, 0.15);
-  border-radius: 0.04rem;
-}
-.modalCot .storeModalWrap .content .rightCot .selectedCot .selectedItem:hover .selectedItemClose {
-  display: flex;
-}
-.modalCot .storeModalWrap .content .rightCot .selectedCot .selectedItem .selectedItemClose {
-  display: none;
-  border: 0.02rem solid #000;
-  width: 0.32rem;
-  height: 0.32rem;
-  border-radius: 50%;
-  padding: 0.04rem;
-  position: absolute;
-  top: -0.18rem;
-  right: -0.16rem;
-  z-index: 400;
-  cursor: pointer;
-}
-.modalCot .storeModalWrap .content .rightCot .selectedCot .selectedItem .selectedItemImg {
-  height: 1.04rem;
-  width: 1.04rem;
-  border: 0.02rem solid #e0e0e0;
-  border-radius: 0.04rem;
-}
-.modalCot .storeModalWrap .content .rightCot .selectedCot .selectedItem .selectedItemImg.invalid {
-  border: 0.02rem solid red;
-}
-.modalCot .storeModalWrap .content .leftCot {
-  width: 5.2rem;
-  padding-right: 0.28rem;
-  box-sizing: border-box;
-  border-right: 0.02rem solid #e0e0e0;
-}
-.modalCot .storeModalWrap .content .leftCot .divider {
-  width: 10%;
-  display: inline-block;
-  text-align: center;
-  height: 0.64rem;
-  line-height: 0.64rem;
-}
-.modalCot .storeModalWrap .content .leftCot .buttonStyle {
-  margin-top: 0.2rem;
-  display: flex;
-  flex-direction: row-reverse;
-  align-items: center;
-}
-.modalCot .storeModalWrap .footer {
-  padding-top: 0.24rem;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  border-top: 0.02rem solid #e0e0e0;
-}
-.modalCot .storeModalWrap .total {
-  font-size: 0.32rem;
-  color: #2d3040;
-  letter-spacing: 0;
-}
-.modalCot .storeModalWrap .total .totalNum {
-  color: #4477ee;
-}
-.cylon-modal-root {
-  display: flex;
-  justify-content: center;
-  position: absolute;
-  left: 0;
-  right: 0;
-  z-index: 1001;
-}

package/lib/common/Slider/index.css

@@ -1,31 +0,0 @@
-.m-slider-input {
-  display: flex;
-  width: 100%;
-  align-items: center;
-  justify-content: flex-start;
-  position: relative;
-}
-.m-slider-input .slider {
-  border-radius: 2rem;
-  flex: 1;
-  margin-right: 0.4rem;
-}
-.m-slider-input .sketchWrap {
-  border: 0.02rem solid #EDF0F4;
-  border-radius: 0.16rem;
-  width: 0.68rem;
-  cursor: pointer;
-  height: 0.68rem;
-  margin-left: 0.2rem;
-  flex-shrink: 0;
-}
-.m-slider-input .colorWrap {
-  position: absolute;
-  right: 0.04rem;
-  top: 0.8rem;
-  z-index: 2;
-}
-.m-slider-input .m-color-picker-input .input-color {
-  height: auto !important;
-  padding: 0 0 0 0.24rem !important;
-}

package/lib/common/StoreSource/index.css

@@ -1,13 +0,0 @@
-.storeSourceWrap {
-  margin-bottom: 0.3rem;
-}
-.storeSourceWrap .total {
-  margin-top: 0.2rem;
-  font-family: 'Open Sans';
-  font-style: normal;
-  font-weight: 400;
-  font-size: 0.32rem;
-  line-height: 0.48rem;
-  text-align: center;
-  color: #8493AF;
-}

package/lib/common/SwiperBan/index.css

@@ -1,23 +0,0 @@
-.swiper-ban-wrap {
-  position: absolute;
-  width: 100%;
-  bottom: 0.2rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.swiper-ban-wrap .ban {
-  font-size: 0.16rem;
-  width: 1em;
-  height: 1em;
-  border-radius: 50%;
-  background: #FFF;
-  cursor: inherit;
-  margin-right: 1em;
-  transition: all 0.5s;
-}
-.swiper-ban-wrap .ban.active {
-  width: 2em;
-  border-radius: 2rem;
-  opacity: 1;
-}

package/lib/common/SwitchCollapse/index.css

@@ -1,25 +0,0 @@
-.switch_collapse_wrap .cylon-collapse .cylon-collapse-item {
-  padding-bottom: 0.02rem !important;
-}
-.switch_collapse_wrap .cylon-collapse .header_wrap {
-  position: relative;
-}
-.switch_collapse_wrap .cylon-collapse .header_wrap .switchcollapse_header_name {
-  font-family: 'Open Sans' !important;
-  font-style: normal !important;
-  font-weight: 700 !important;
-  font-size: 0.32rem;
-  line-height: 0.48rem !important;
-  color: #232F46 !important;
-  height: 0.48rem;
-}
-.switch_collapse_wrap .cylon-collapse .header_wrap .meta_header_divider {
-  position: absolute;
-  height: 0.02rem;
-  width: 6.12rem;
-  border-bottom: 0.02rem solid #D2D9E5;
-  top: -0.4rem;
-}
-.checkbox_collapse_wrap .switchcollapse_header_name {
-  font-size: 0.28rem !important;
-}

package/lib/common/SystemNotification/Confirm/index.css

@@ -1,32 +0,0 @@
-.confirm_wrap {
-  padding: 0.32rem 0.32rem 0.24rem 0.32rem;
-}
-.confirm_wrap .confirm_title {
-  display: flex;
-  align-items: center;
-  font-family: 'Open Sans';
-  font-style: normal;
-  font-weight: 600;
-  font-size: 0.32rem;
-  line-height: 0.48rem;
-  color: #232F46;
-}
-.confirm_wrap .confirm_title .confirm_title_text {
-  margin-left: 0.32rem;
-}
-.confirm_wrap .confirm_content {
-  font-family: 'Open Sans';
-  font-style: normal;
-  font-weight: 400;
-  font-size: 0.26rem;
-  line-height: 0.36rem;
-  color: #232F46;
-  margin-left: 0.8rem;
-  margin-top: 0.2rem;
-}
-.confirm_wrap .confirm_footer {
-  margin-top: 0.48rem;
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-}