@fonixtree/magic-design 2.0.216 → 2.0.221

package/es/common/LinkModal/ProductList/index.css

@@ -1,107 +0,0 @@
-.mProductList {
-  height: 10rem;
-}
-.mProductList .proModalWrap .info {
-  background: #ecf1fd;
-  border: 0.02rem solid #bdcff9;
-  border-radius: 0.04rem;
-  padding: 0.1rem 0 0.1rem 0.32rem;
-  margin-bottom: 0.16rem;
-}
-.mProductList .proModalWrap .prodImage {
-  width: 0.72rem;
-  height: 0.72rem;
-  background-repeat: no-repeat;
-  background-position: 50% 50%;
-  background-size: contain;
-}
-.mProductList .proModalWrap .mProductListContent {
-  display: flex;
-}
-.mProductList .proModalWrap .mProductListContent .rightCot {
-  width: calc(100% - 4.8rem);
-  margin-left: 0.32rem;
-}
-.mProductList .proModalWrap .mProductListContent .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;
-}
-.mProductList .proModalWrap .mProductListContent .rightCot .selectedCot .selectedItem {
-  box-sizing: border-box;
-  margin-top: 0.24rem;
-  margin-left: 0.36rem;
-  height: 1.04rem;
-  position: relative;
-}
-.mProductList .proModalWrap .mProductListContent .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;
-}
-.mProductList .proModalWrap .mProductListContent .rightCot .selectedCot .selectedItem:hover .selectedItemClose {
-  display: flex;
-}
-.mProductList .proModalWrap .mProductListContent .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;
-}
-.mProductList .proModalWrap .mProductListContent .rightCot .selectedCot .selectedItem .selectedItemImg {
-  height: 1.04rem;
-  width: 1.04rem;
-  border: 0.02rem solid #e0e0e0;
-  border-radius: 0.04rem;
-}
-.mProductList .proModalWrap .mProductListContent .rightCot .selectedCot .selectedItem .selectedItemImg.invalid {
-  border: 0.02rem solid red;
-}
-.mProductList .proModalWrap .mProductListContent .leftCot {
-  width: 5.6rem;
-  box-sizing: border-box;
-  border-right: 0.02rem solid #e0e0e0;
-  padding-right: 0.3rem;
-}
-.mProductList .proModalWrap .mProductListContent .leftCot .price {
-  display: flex;
-  width: calc(100% - 0.32rem);
-}
-.mProductList .proModalWrap .mProductListContent .leftCot .price .icon {
-  width: 2rem;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border: 0.02rem solid #e0e0e0;
-  border-radius: 0.04rem;
-}
-.mProductList .proModalWrap .mProductListContent .leftCot .cylon-form-item {
-  margin-bottom: 0.08rem;
-}
-.mProductList .proModalWrap .mProductListContent .leftCot .buttonStyle {
-  margin-top: 0.2rem;
-  text-align: right;
-}
-.cylon-modal-root {
-  display: flex;
-  justify-content: center;
-  position: absolute;
-  left: 0;
-  right: 0;
-  z-index: 1001;
-}

package/es/common/LinkModal/SelectVideoModal/index.css

@@ -1,96 +0,0 @@
-.SelectVideoModal-container {
-  display: flex;
-  height: 9rem;
-}
-.SelectVideoModal-container .video-left-wrap {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  margin-right: 2rem;
-}
-.SelectVideoModal-container .video-left-wrap .video-title-wrap {
-  font-size: 0.28rem;
-  font-weight: 500;
-}
-.SelectVideoModal-container .video-left-wrap .video-upload-wrap {
-  display: flex;
-  flex-direction: column;
-}
-.SelectVideoModal-container .video-left-wrap .video-upload-wrap .input-url {
-  width: 100%;
-  height: 0.8rem;
-  background: #FFFFFF;
-  border: 0.02rem solid #D2D9E5;
-  border-radius: 0.16rem;
-  padding: 0.18rem 0.28rem;
-  display: flex;
-  align-items: center;
-  /* 使用webkit内核的浏览器 */
-  /* Firefox版本4-18 */
-  /* Firefox版本19+ */
-  /* IE浏览器 */
-}
-.SelectVideoModal-container .video-left-wrap .video-upload-wrap .input-url input {
-  border: none;
-  outline: none;
-  height: 0.48rem;
-  flex-grow: 1;
-  font-family: 'Open Sans';
-  font-style: normal;
-  font-weight: 400;
-  font-size: 0.28rem;
-  color: #232F46;
-}
-.SelectVideoModal-container .video-left-wrap .video-upload-wrap .input-url input::-webkit-input-placeholder {
-  font-family: 'Open Sans';
-  font-style: normal;
-  font-weight: 400;
-  font-size: 0.28rem;
-  color: #8493AF;
-}
-.SelectVideoModal-container .video-left-wrap .video-upload-wrap .input-url input:-moz-placeholder {
-  font-family: 'Open Sans';
-  font-style: normal;
-  font-weight: 400;
-  font-size: 0.28rem;
-  color: #8493AF;
-}
-.SelectVideoModal-container .video-left-wrap .video-upload-wrap .input-url input::-moz-placeholder {
-  font-family: 'Open Sans';
-  font-style: normal;
-  font-weight: 400;
-  font-size: 0.28rem;
-  color: #8493AF;
-}
-.SelectVideoModal-container .video-left-wrap .video-upload-wrap .input-url input:-ms-input-placeholder {
-  font-family: 'Open Sans';
-  font-style: normal;
-  font-weight: 400;
-  font-size: 0.28rem;
-  color: #8493AF;
-}
-.SelectVideoModal-container .video-left-wrap .video-upload-wrap .input-url .icon-btns {
-  display: flex;
-  align-items: center;
-}
-.SelectVideoModal-container .video-left-wrap .video-upload-wrap .input-url .icon-btns > span {
-  margin-left: 0.24rem;
-  cursor: pointer;
-}
-.SelectVideoModal-container .video-right-wrap {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-}
-.SelectVideoModal-container .video-right-wrap .video-title-wrap {
-  font-family: 'Open Sans';
-  font-style: normal;
-  font-weight: 600;
-  font-size: 0.32rem;
-  color: #232F46;
-  margin-bottom: 0.24rem;
-}
-.SelectVideoModal-container .video-right-wrap .video-setting-wrap {
-  display: flex;
-  flex-direction: column;
-}

package/es/common/LinkModal/ShareUrl/index.css

@@ -1,3 +0,0 @@
-.shareWrap {
-  height: 9rem;
-}

package/es/common/LinkModal/index.css

@@ -1,118 +0,0 @@
-.magicLinkModal {
-  right: unset !important;
-  left: unset !important;
-}
-.magicLinkModal .cylon-modal .cylon-modal-content .cylon-modal-body {
-  padding-bottom: 1.2rem !important;
-  padding-top: 0 !important;
-}
-.magicLinkModal .urlModalWrap {
-  font-family: 'Open Sans';
-  font-style: normal;
-  font-weight: 400;
-  font-size: 0.28rem;
-  line-height: 0.44rem;
-  color: #232F46;
-  height: 13.6rem;
-}
-.magicLinkModal .urlModalWrap .linkType {
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-}
-.magicLinkModal .urlModalWrap .linkType .typeItem {
-  padding: 0.14rem 0.32rem;
-  margin-right: 0.24rem;
-  cursor: pointer;
-  font-weight: 600;
-  border-radius: 0.08rem;
-}
-.magicLinkModal .urlModalWrap .linkType .typeItem:hover {
-  background: #F5F6F7;
-}
-.magicLinkModal .urlModalWrap .linkType .typeTitle {
-  padding: 0.1rem 0.24rem;
-  margin-right: 0.24rem;
-  font-weight: 600;
-}
-.magicLinkModal .urlModalWrap .linkType .selected {
-  background: #2F54EB !important;
-  border-radius: 0.08rem;
-  color: #fff !important;
-}
-.magicLinkModal .urlModalWrap .content {
-  padding: 0.24rem;
-}
-.magicLinkModal .urlModalWrap .content .cotTitle {
-  padding: 0.12rem 0 0.12rem 1.04rem;
-  width: 100%;
-  font-size: 0.26rem;
-  font-weight: bold;
-  color: #2d3040;
-  background: #f5f6f7;
-  box-shadow: inset 0 -0.02rem 0 0 #e0e0e0;
-}
-.magicLinkModal .urlModalWrap .content .cotItem {
-  width: 100%;
-  height: 0.76rem;
-  background: #ffffff;
-  box-shadow: inset 0 -0.02rem 0 0 #f0f0f0;
-  display: flex;
-  align-items: center;
-}
-.magicLinkModal .shareUrlWrap {
-  height: 10rem;
-}
-.magicLinkModal .types-list {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  gap: 0.24rem;
-  margin-top: 0.4rem;
-  margin-bottom: 0.4rem;
-}
-.magicLinkModal .types-list .tag {
-  display: inline-block;
-  width: 2.9rem;
-  height: 0.72rem;
-  background-color: #F5F6F7;
-  border-radius: 0.08rem;
-  line-height: 0.72rem;
-  text-align: center;
-  color: #232F46;
-  font-weight: 400;
-  font-size: 0.28rem;
-  border: 0.02rem solid #F5F6F7;
-  cursor: pointer;
-}
-.magicLinkModal .types-list .tag.active {
-  border: 0.02rem solid #2F54EB;
-  color: #2F54EB;
-}
-.magicLinkModal .footer {
-  padding: 0.2rem 0;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  border-top: 0.02rem solid #e0e0e0;
-  position: absolute;
-  bottom: 0;
-  left: 0.48rem;
-  right: 0.48rem;
-}
-.magicLinkModal .footer .btn-cancel {
-  background: #E9F0FF;
-  border-radius: 0.12rem;
-  color: #2F54EB;
-  border: none;
-  margin-right: 0.24rem;
-}
-.magicLinkModal .footer .btn-confirm {
-  background: #2F54EB;
-  border: none;
-  border-radius: 0.12rem;
-}
-.magicLinkModal .footer .total {
-  font-size: 0.26rem;
-  color: #2d3040;
-}

package/es/common/MessageModal/index.css

@@ -1,73 +0,0 @@
-#message_modal .message-container {
-  position: fixed;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  flex-direction: column;
-  width: 100%;
-  z-index: 99;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-#message_modal .message-container .modal-shadow {
-  width: 100%;
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0.5);
-  position: absolute;
-  left: 0;
-  top: 0;
-  z-index: -1;
-}
-#message_modal .message-container .modal-content {
-  width: 80%;
-  padding: 0.32rem;
-  display: flex;
-  flex-direction: column;
-  background-color: #fff;
-  box-shadow: 0 0.08rem 0.16rem rgba(96, 97, 112, 0.16);
-  animation: bounceIn 0.5s linear;
-  margin-top: -1.6rem;
-}
-#message_modal .message-container .modal-content .modal-title {
-  font-family: var(--truenoSBd-family);
-  color: #000;
-  font-size: 0.32rem;
-  font-weight: 600;
-  text-align: center;
-}
-#message_modal .message-container .modal-content .modal-message {
-  padding: 0.48rem 0;
-  color: #000000;
-  text-align: center;
-  font-family: var(--regular-font);
-}
-#message_modal .message-container .modal-content .modal-btn-wrap {
-  display: flex;
-  flex-direction: column;
-}
-#message_modal .message-container .modal-content .modal-btn-wrap .confirm {
-  border: none;
-  margin: 0.16rem 0;
-  background-color: #FF1659;
-  font-size: 0.28rem;
-  font-weight: 600;
-  font-family: var(--regular-font);
-  line-height: 0.42rem;
-  color: #FFFFFF;
-  opacity: 1;
-  height: 0.92rem;
-}
-#message_modal .message-container .modal-content .modal-btn-wrap .cancel {
-  border: none;
-  margin: 0.16rem 0;
-  background-color: #FFFFFF;
-  font-size: 0.28rem;
-  font-weight: 600;
-  font-family: var(--regular-font);
-  line-height: 0.42rem;
-  color: #FF1659;
-  opacity: 1;
-  height: 0.92rem;
-}

package/es/common/MyModal/index.css

@@ -1,69 +0,0 @@
-.tip-modal-wrap {
-  width: 100%;
-  height: 100%;
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 9999;
-}
-.tip-modal-wrap .tip-background {
-  width: 100%;
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0.7);
-}
-.tip-modal-wrap .tip-content {
-  border-radius: 0.32rem 0.32rem 0 0;
-  background-color: #fff;
-  padding: 0 0.24rem;
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  transition: all 0.3s;
-}
-.tip-modal-wrap .tip-content .content-head {
-  text-align: center;
-  color: #323233;
-  font-family: Open Sans;
-  font-size: 0.32rem;
-  font-weight: 400;
-  line-height: 0.48rem;
-  letter-spacing: 0;
-  position: relative;
-  padding: 0.2rem 0;
-}
-.tip-modal-wrap .tip-content .content-head .close-icon {
-  position: absolute;
-  right: 0.32rem;
-  top: 0.2rem;
-}
-.tip-modal-wrap .tip-content .content-body {
-  width: 100%;
-  margin-bottom: 0.1rem;
-  max-height: 10rem;
-  overflow-y: auto;
-}
-.tip-modal-wrap .tip-content .content-body > img {
-  width: 100%;
-  height: fit-content;
-}
-.tip-modal-wrap .tip-content .close-wrap {
-  margin: 0.12rem 0.04rem;
-}
-.tip-modal-wrap .tip-content .close-wrap .close-btn {
-  border-radius: 0.08rem;
-  background-color: #E65427;
-  font-size: 0.28rem;
-  font-weight: 400;
-  line-height: 0.4rem;
-  text-align: center;
-  padding: 0.16rem 0;
-  color: #fff;
-  flex: 1;
-}
-.tip-modal-wrap .tip-content .close-wrap .close-btn:nth-of-type(2) {
-  margin-left: 0.2rem;
-}
-.tip-modal-wrap .scroll-animation {
-  transform: translateY(0);
-}

package/es/common/PopUpModal/index.css

@@ -1,81 +0,0 @@
-.popUpModal {
-  position: fixed;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  flex-direction: column;
-  width: 100%;
-  z-index: 1000;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transform: translateZ(20rem);
-}
-.popUpModal .modal-shadow {
-  width: 100%;
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0.5);
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  z-index: -1;
-}
-.popUpModal .modal-content {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  width: 100%;
-  padding: 0.4rem;
-  padding-top: 0;
-  display: flex;
-  flex-direction: column;
-  background-color: #fff;
-  box-shadow: 0 0.08rem 0.16rem rgba(96, 97, 112, 0.16);
-  animation: all 0.5s linear;
-  margin-top: -1.6rem;
-  padding-bottom: 1.6rem;
-  border-radius: 0.2rem 0.2rem 0 0;
-}
-.popUpModal .modal-content .topLineWrap {
-  text-align: center;
-  margin-bottom: 0.3rem;
-}
-.popUpModal .modal-content .topLineWrap .topLine {
-  display: inline-block;
-  width: 0.84rem;
-  height: 0.08rem;
-  background: #e9e9e9;
-  border-radius: 0.04rem;
-}
-.popUpModal .modal-content .modal-title {
-  color: #000;
-  font-size: 0.32rem;
-  font-weight: 600;
-  text-align: center;
-}
-.popUpModal .modal-content .modal-icon-close {
-  position: absolute;
-  right: 0.4rem;
-  top: 0.4rem;
-}
-.popUpModal .modal-content .modal-message {
-  margin: 0.4rem 0.2rem;
-  overflow-y: scroll;
-  height: calc(100% - 1.28rem);
-  color: #000000;
-  text-align: center;
-}
-.popUpModal .modal-content .message-max-height {
-  height: calc(100% - 2.28rem);
-}
-.popUpModal .modal-content .modal-btn-wrap {
-  display: flex;
-  flex-direction: column;
-}
-.popUpModal .modal-content .modal-btn-wrap .confirm {
-  margin: 0.2rem 0;
-}

package/es/common/ProductCardModal/index.css

@@ -1,119 +0,0 @@
-.productCardModalWrap {
-  background: rgba(0, 0, 0, 0.9);
-  position: fixed;
-  z-index: 1000;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  width: 100vw;
-  height: 100vh;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.productCardModalWrap .content {
-  position: relative;
-  width: 50%;
-}
-.productCardModalWrap .content .card {
-  transform-origin: bottom;
-  inset: 0;
-  width: 100%;
-  height: fit-content;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  margin: auto;
-  cursor: pointer;
-}
-.productCardModalWrap .content .card .cardLeft {
-  width: 50%;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 2;
-}
-.productCardModalWrap .content .card .cardRight {
-  width: 50%;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  right: 0;
-  z-index: 2;
-}
-.productCardModalWrap .content .card .bgImg {
-  display: block;
-  width: 100%;
-  height: auto;
-  border-radius: 1.5rem;
-  -o-object-position: center;
-  object-position: center;
-  -o-object-fit: cover;
-  object-fit: cover;
-}
-.productCardModalWrap .content .card .closIcon {
-  position: absolute;
-  top: 5%;
-  right: 5%;
-  cursor: pointer;
-  z-index: 3;
-}
-.productCardModalWrap .content .card .dotIcon {
-  width: 0.56rem;
-  position: absolute;
-  bottom: 0.5rem;
-  left: 0;
-  right: 0;
-  margin: auto;
-}
-.productCardModalWrap .content .card .text {
-  position: absolute;
-  top: 20%;
-  right: 10%;
-  width: 35%;
-  height: 42%;
-  overflow-y: auto;
-}
-.productCardModalWrap .content .card .text p {
-  min-height: 1em;
-}
-.productCardModalWrap .content .card .btnApply {
-  color: #fff;
-  background-color: #CE1126;
-  font-weight: 700;
-  font-size: 0.3rem;
-  width: fit-content;
-  padding: 0.2rem 0.48rem;
-  border-radius: 2rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 0.16rem;
-  position: absolute;
-  bottom: 25%;
-  left: 55%;
-  z-index: 3;
-  cursor: pointer;
-}
-.productCardModalWrap .iconLeft {
-  transform: rotate(90deg);
-  cursor: pointer;
-  position: absolute;
-  left: 20%;
-  top: 0;
-  bottom: 0;
-  margin: auto;
-  align-self: center;
-}
-.productCardModalWrap .iconRight {
-  transform: rotate(-90deg);
-  cursor: pointer;
-  position: absolute;
-  right: 20%;
-  top: 0;
-  bottom: 0;
-  margin: auto;
-  align-self: center;
-}