xiaoe_mp_npm 0.1.1 → 0.1.2

package/src/coupon/components/CouponSelect/index.wxss

@@ -1,249 +1,249 @@
-/* 主题色 */
-.theme-customize-bg {
-  background-color: #1472FF !important;
-}
-.theme-customize-border {
-  border-color: #1472FF !important;
-}
-.theme-customize-font {
-  color: #1472FF !important;
-}
-.theme-customize-light-new {
-  background-color: #9db8f1 !important;
-}
-.theme-customize-bg-light {
-  background-color: #9db8f1 !important;
-}
-.popUp {
-  height: 80%;
-  border-radius: 26.4rpx 26.4rpx 0 0;
-}
-.coupon-select-box {
-  display: flex;
-  flex-direction: column;
-  margin: 0 auto;
-  max-width: 480px;
-  height: 100%;
-  background-color: #F5F6F9;
-  border-radius: 26.4rpx 26.4rpx 0 0;
-  user-select: none;
-}
-.coupon-select-box .coupon-header {
-  display: flex;
-  flex-direction: column;
-}
-.coupon-select-box .coupon-header .header-content {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-  height: 90rpx;
-  padding: 0 36rpx;
-  top: 0;
-  left: 0;
-  font-size: 32rpx;
-  font-weight: 500;
-  background-color: #ffffff;
-  border-radius: 26.4rpx 26.4rpx 0 0;
-}
-.coupon-select-box .coupon-header .promo-code-wrap {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 0 36rpx;
-  height: 115rpx;
-  background-color: #fff;
-}
-.coupon-select-box .coupon-header .promo-code-wrap .promo-code-input {
-  width: 470rpx;
-  height: 84rpx;
-  padding: 0 22rpx;
-  border: 1px solid #DCDCDC;
-  border-right: none;
-  border-radius: 8.8rpx 0 0 8.8rpx;
-  color: #333;
-  font-size: 30.8rpx;
-  user-select: text;
-  box-shadow: none;
-}
-.coupon-select-box .coupon-header .promo-code-wrap .promo-code-input::-webkit-input-placeholder {
-  color: #c8c8c8;
-}
-.coupon-select-box .coupon-header .promo-code-wrap .promo-code-input:disabled {
-  color: #999;
-  background-color: #eee;
-}
-.coupon-select-box .coupon-header .promo-code-wrap .promo-code-btn {
-  width: 180rpx;
-  height: 84rpx;
-  line-height: 84rpx;
-  margin: 0;
-  border: none;
-  border-radius: 0 8.8rpx 8.8rpx 0;
-  text-align: center;
-  color: #fff;
-  background-color: #FF821F !important;
-  font-size: 27.5rpx;
-  cursor: pointer;
-}
-.coupon-select-box .coupon-header .coupon-code-tip {
-  display: flex;
-  align-items: center;
-  padding: 0 36rpx;
-  background-color: #fff;
-  height: 39.6rpx;
-}
-.coupon-select-box .coupon-header .coupon-code-tip .tips-img {
-  margin-right: 6.6rpx;
-  width: 30.8rpx;
-  height: 28.6rpx;
-}
-.coupon-select-box .coupon-header .coupon-code-tip text {
-  font-size: 26.4rpx;
-  color: #999;
-}
-.coupon-select-box .coupon-header .coupon-tab_warp {
-  display: flex;
-  justify-items: center;
-  align-items: center;
-  font-size: 35.2rpx;
-  padding: 0 36rpx;
-  font-weight: 700;
-  text-align: center;
-  background-color: #fff;
-}
-.coupon-select-box .coupon-header .coupon-tab_warp text {
-  display: block;
-}
-.coupon-select-box .coupon-header .coupon-tab_warp .tabItem {
-  position: relative;
-  width: 50%;
-  height: 105.6rpx;
-  line-height: 105.6rpx;
-  text-align: center;
-  cursor: pointer;
-}
-.coupon-select-box .coupon-header .coupon-tab_warp .greyColor {
-  color: #999999;
-  font-size: 30.8rpx;
-  font-weight: normal;
-}
-.coupon-select-box .coupon-header .coupon-tab_warp .activeBorder {
-  position: absolute;
-  bottom: 0;
-  left: 50%;
-  transform: translateX(-50%);
-  width: 44rpx;
-  height: 4.4rpx;
-  background: #09BB07;
-  border-radius: 3.3rpx;
-}
-.coupon-select-box .coupon-header .coupon-tips {
-  display: flex;
-  background: #fff;
-  align-items: center;
-  justify-items: center;
-  padding: 10rpx 36rpx;
-  justify-content: space-between;
-}
-.coupon-select-box .coupon-header .coupon-tips .coupon-tips-font {
-  line-height: 55rpx;
-  font-size: 26.4rpx;
-  font-weight: 500;
-  color: #000;
-}
-.coupon-select-box .coupon-header .coupon-tips .coupon-tips-font .coupon-money-num {
-  color: #FF4747;
-}
-.coupon-select-box .coupon-header .coupon-tips .coupon-best-combination {
-  min-width: 211.2rpx;
-  height: 52.8rpx;
-  text-align: center;
-  line-height: 55rpx;
-  background: #FF821F;
-  border: 0;
-  margin: 0;
-  border-radius: 44rpx;
-  font-size: 26.4rpx;
-  font-weight: 500;
-  color: #fff;
-}
-.coupon-select-box .coupon-list {
-  box-sizing: border-box;
-  flex: 1;
-  /* 撑满剩余容器高度 */
-  overflow: scroll;
-  -webkit-overflow-scrolling: touch;
-  text-align: center;
-  padding: 26.4rpx 35.2rpx 0;
-}
-.coupon-select-box .coupon-list .coupon-item {
-  position: relative;
-  display: flex;
-  margin-bottom: 26.4rpx;
-  border-radius: 8.8rpx;
-  background: #fff;
-}
-.coupon-select-box .coupon-list .not-use-coupon {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-  height: 114.4rpx;
-  margin-bottom: 26.4rpx;
-  border-radius: 8.8rpx;
-  background: #fff;
-}
-.coupon-select-box .coupon-list .not-use-coupon .not-use-text {
-  width: 558.8rpx;
-  padding-left: 35.2rpx;
-  font-size: 30.8rpx;
-  color: #333;
-  text-align: left;
-}
-.coupon-select-box .coupon-list .not-use-coupon .choose-box {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 132rpx;
-  height: 100%;
-}
-.coupon-select-box .coupon-list .not-use-coupon .choose-box .choose-inner {
-  width: 39.6rpx;
-  height: 39.6rpx;
-  border-radius: 50%;
-  border: 3.3rpx solid #ccc;
-}
-.coupon-select-box .coupon-list .not-use-coupon .choose-box .coupon-not-used {
-  border: none;
-}
-.coupon-select-box .coupon-bottom {
-  height: 100rpx;
-  display: flex;
-  padding: 0 36rpx;
-  align-items: center;
-  justify-content: center;
-  background-color: #fff;
-}
-.coupon-select-box .coupon-bottom .coupon-confirm-button {
-  width: 754.6rpx;
-  height: 80.8rpx;
-  border-radius: 48.4rpx;
-  background: #FF821F;
-  line-height: 80.8rpx;
-  text-align: center;
-  font-size: 30.8rpx;
-  font-weight: 500;
-  color: #fff;
-}
-.coupon-select-box .coupon_emptypage {
-  text-align: center;
-  font-size: 35.2rpx;
-  color: #ADADB4;
-}
-.coupon-select-box .coupon_emptypage .coupon_emptyImg {
-  width: 428rpx;
-  height: 384rpx;
-  margin: 33rpx auto 0;
-  background-size: 100% 100%;
-}
+/* 主题色 */
+.theme-customize-bg {
+  background-color: #1472FF !important;
+}
+.theme-customize-border {
+  border-color: #1472FF !important;
+}
+.theme-customize-font {
+  color: #1472FF !important;
+}
+.theme-customize-light-new {
+  background-color: #9db8f1 !important;
+}
+.theme-customize-bg-light {
+  background-color: #9db8f1 !important;
+}
+.popUp {
+  height: 80%;
+  border-radius: 26.4rpx 26.4rpx 0 0;
+}
+.coupon-select-box {
+  display: flex;
+  flex-direction: column;
+  margin: 0 auto;
+  max-width: 480px;
+  height: 100%;
+  background-color: #F5F6F9;
+  border-radius: 26.4rpx 26.4rpx 0 0;
+  user-select: none;
+}
+.coupon-select-box .coupon-header {
+  display: flex;
+  flex-direction: column;
+}
+.coupon-select-box .coupon-header .header-content {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  height: 90rpx;
+  padding: 0 36rpx;
+  top: 0;
+  left: 0;
+  font-size: 32rpx;
+  font-weight: 500;
+  background-color: #ffffff;
+  border-radius: 26.4rpx 26.4rpx 0 0;
+}
+.coupon-select-box .coupon-header .promo-code-wrap {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 0 36rpx;
+  height: 115rpx;
+  background-color: #fff;
+}
+.coupon-select-box .coupon-header .promo-code-wrap .promo-code-input {
+  width: 470rpx;
+  height: 84rpx;
+  padding: 0 22rpx;
+  border: 1px solid #DCDCDC;
+  border-right: none;
+  border-radius: 8.8rpx 0 0 8.8rpx;
+  color: #333;
+  font-size: 30.8rpx;
+  user-select: text;
+  box-shadow: none;
+}
+.coupon-select-box .coupon-header .promo-code-wrap .promo-code-input::-webkit-input-placeholder {
+  color: #c8c8c8;
+}
+.coupon-select-box .coupon-header .promo-code-wrap .promo-code-input:disabled {
+  color: #999;
+  background-color: #eee;
+}
+.coupon-select-box .coupon-header .promo-code-wrap .promo-code-btn {
+  width: 180rpx;
+  height: 84rpx;
+  line-height: 84rpx;
+  margin: 0;
+  border: none;
+  border-radius: 0 8.8rpx 8.8rpx 0;
+  text-align: center;
+  color: #fff;
+  background-color: #FF821F !important;
+  font-size: 27.5rpx;
+  cursor: pointer;
+}
+.coupon-select-box .coupon-header .coupon-code-tip {
+  display: flex;
+  align-items: center;
+  padding: 0 36rpx;
+  background-color: #fff;
+  height: 39.6rpx;
+}
+.coupon-select-box .coupon-header .coupon-code-tip .tips-img {
+  margin-right: 6.6rpx;
+  width: 30.8rpx;
+  height: 28.6rpx;
+}
+.coupon-select-box .coupon-header .coupon-code-tip text {
+  font-size: 26.4rpx;
+  color: #999;
+}
+.coupon-select-box .coupon-header .coupon-tab_warp {
+  display: flex;
+  justify-items: center;
+  align-items: center;
+  font-size: 35.2rpx;
+  padding: 0 36rpx;
+  font-weight: 700;
+  text-align: center;
+  background-color: #fff;
+}
+.coupon-select-box .coupon-header .coupon-tab_warp text {
+  display: block;
+}
+.coupon-select-box .coupon-header .coupon-tab_warp .tabItem {
+  position: relative;
+  width: 50%;
+  height: 105.6rpx;
+  line-height: 105.6rpx;
+  text-align: center;
+  cursor: pointer;
+}
+.coupon-select-box .coupon-header .coupon-tab_warp .greyColor {
+  color: #999999;
+  font-size: 30.8rpx;
+  font-weight: normal;
+}
+.coupon-select-box .coupon-header .coupon-tab_warp .activeBorder {
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 44rpx;
+  height: 4.4rpx;
+  background: #09BB07;
+  border-radius: 3.3rpx;
+}
+.coupon-select-box .coupon-header .coupon-tips {
+  display: flex;
+  background: #fff;
+  align-items: center;
+  justify-items: center;
+  padding: 10rpx 36rpx;
+  justify-content: space-between;
+}
+.coupon-select-box .coupon-header .coupon-tips .coupon-tips-font {
+  line-height: 55rpx;
+  font-size: 26.4rpx;
+  font-weight: 500;
+  color: #000;
+}
+.coupon-select-box .coupon-header .coupon-tips .coupon-tips-font .coupon-money-num {
+  color: #FF4747;
+}
+.coupon-select-box .coupon-header .coupon-tips .coupon-best-combination {
+  min-width: 211.2rpx;
+  height: 52.8rpx;
+  text-align: center;
+  line-height: 55rpx;
+  background: #FF821F;
+  border: 0;
+  margin: 0;
+  border-radius: 44rpx;
+  font-size: 26.4rpx;
+  font-weight: 500;
+  color: #fff;
+}
+.coupon-select-box .coupon-list {
+  box-sizing: border-box;
+  flex: 1;
+  /* 撑满剩余容器高度 */
+  overflow: scroll;
+  -webkit-overflow-scrolling: touch;
+  text-align: center;
+  padding: 26.4rpx 35.2rpx 0;
+}
+.coupon-select-box .coupon-list .coupon-item {
+  position: relative;
+  display: flex;
+  margin-bottom: 26.4rpx;
+  border-radius: 8.8rpx;
+  background: #fff;
+}
+.coupon-select-box .coupon-list .not-use-coupon {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  height: 114.4rpx;
+  margin-bottom: 26.4rpx;
+  border-radius: 8.8rpx;
+  background: #fff;
+}
+.coupon-select-box .coupon-list .not-use-coupon .not-use-text {
+  width: 558.8rpx;
+  padding-left: 35.2rpx;
+  font-size: 30.8rpx;
+  color: #333;
+  text-align: left;
+}
+.coupon-select-box .coupon-list .not-use-coupon .choose-box {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 132rpx;
+  height: 100%;
+}
+.coupon-select-box .coupon-list .not-use-coupon .choose-box .choose-inner {
+  width: 39.6rpx;
+  height: 39.6rpx;
+  border-radius: 50%;
+  border: 3.3rpx solid #ccc;
+}
+.coupon-select-box .coupon-list .not-use-coupon .choose-box .coupon-not-used {
+  border: none;
+}
+.coupon-select-box .coupon-bottom {
+  height: 100rpx;
+  display: flex;
+  padding: 0 36rpx;
+  align-items: center;
+  justify-content: center;
+  background-color: #fff;
+}
+.coupon-select-box .coupon-bottom .coupon-confirm-button {
+  width: 754.6rpx;
+  height: 80.8rpx;
+  border-radius: 48.4rpx;
+  background: #FF821F;
+  line-height: 80.8rpx;
+  text-align: center;
+  font-size: 30.8rpx;
+  font-weight: 500;
+  color: #fff;
+}
+.coupon-select-box .coupon_emptypage {
+  text-align: center;
+  font-size: 35.2rpx;
+  color: #ADADB4;
+}
+.coupon-select-box .coupon_emptypage .coupon_emptyImg {
+  width: 428rpx;
+  height: 384rpx;
+  margin: 33rpx auto 0;
+  background-size: 100% 100%;
+}

package/src/coupon/index.css

@@ -1,50 +1,50 @@
-.coupon-panel {
-  box-sizing: border-box;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-  height: 110rpx;
-  background: #fff;
-}
-.coupon-panel .coupon-left {
-  display: flex;
-  align-items: center;
-}
-.coupon-panel .coupon-left .coupon-title {
-  margin-right: 17.6rpx;
-  line-height: 48.4rpx;
-  font-size: 30.8rpx;
-  color: #333;
-}
-.coupon-panel .coupon-left .coupon-tip {
-  box-sizing: border-box;
-  height: 39.6rpx;
-  line-height: 39.6rpx;
-  padding: 13.2rpx;
-  border-radius: 4.4rpx;
-  font-size: 24.2rpx;
-  color: #FF821F;
-  background: rgba(255, 132, 31, 0.16);
-}
-.coupon-panel .coupon-right {
-  display: flex;
-  align-items: center;
-  flex: 1;
-  justify-content: flex-end;
-}
-.coupon-panel .coupon-right .coupon-value {
-  color: #ff821f;
-  margin-right: 17.6rpx;
-  width: fit-content;
-  font-size: 30.8rpx;
-}
-.coupon-panel .coupon-right .have-no-coupon {
-  margin-right: 17.6rpx;
-  line-height: 44rpx;
-  font-size: 30.8rpx;
-  color: #999;
-}
-.coupon-panel .coupon-right .pay-coupon-img {
-  height: 33rpx;
-}
+.coupon-panel {
+  box-sizing: border-box;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  height: 110rpx;
+  background: #fff;
+}
+.coupon-panel .coupon-left {
+  display: flex;
+  align-items: center;
+}
+.coupon-panel .coupon-left .coupon-title {
+  margin-right: 17.6rpx;
+  line-height: 48.4rpx;
+  font-size: 30.8rpx;
+  color: #333;
+}
+.coupon-panel .coupon-left .coupon-tip {
+  box-sizing: border-box;
+  height: 39.6rpx;
+  line-height: 39.6rpx;
+  padding: 13.2rpx;
+  border-radius: 4.4rpx;
+  font-size: 24.2rpx;
+  color: #FF821F;
+  background: rgba(255, 132, 31, 0.16);
+}
+.coupon-panel .coupon-right {
+  display: flex;
+  align-items: center;
+  flex: 1;
+  justify-content: flex-end;
+}
+.coupon-panel .coupon-right .coupon-value {
+  color: #ff821f;
+  margin-right: 17.6rpx;
+  width: fit-content;
+  font-size: 30.8rpx;
+}
+.coupon-panel .coupon-right .have-no-coupon {
+  margin-right: 17.6rpx;
+  line-height: 44rpx;
+  font-size: 30.8rpx;
+  color: #999;
+}
+.coupon-panel .coupon-right .pay-coupon-img {
+  height: 33rpx;
+}