xiaoe_mp_npm 0.1.13 → 0.1.14

package/src/PayComplete/Components/PayGifts/index.less

@@ -1,178 +1,178 @@
-.pay-success-container {
-  .pay-gift-box {
-    margin-top: 56rpx;
-
-    .pay-gift-box-head {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: 100%;
-      height: 50rpx;
-      line-height: 50rpx;
-      color: #333;
-      font-size: 32rpx;
-
-      .left-line,
-      .right-line {
-        display: inline-block;
-        width: 172rpx;
-        height: 14rpx;
-        margin-right: 16rpx;
-        background-image: url("http://wechatapppro-1252524126.file.myqcloud.com/appAKLWLitn7978/image/kf3n5jhl0l7pe0vak1er.png");
-        background-size: 100%;
-      }
-
-      .right-line {
-        margin: 0 0 0 16rpx;
-        background-image: url("http://wechatapppro-1252524126.file.myqcloud.com/appAKLWLitn7978/image/kf3n5jhl0wck8j80j0x.png");
-      }
-    }
-
-    .gift-summary {
-      display: flex;
-      border-radius: 16rpx;
-      border: 1rpx solid #ffc299;
-      color: #ffffff;
-      background: #ffffff;
-      font-size: 20rpx;
-      padding: 16rpx 32rpx 16rpx 16rpx;
-      box-sizing: border-box;
-      align-items: center;
-      justify-content: space-between;
-      margin: 24rpx auto;
-      width: 690rpx;
-      position: relative;
-
-      .img {
-        width: 104rpx;
-        height: 132rpx;
-        position: absolute;
-        right: 2rpx;
-      }
-
-      .gift-detail {
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        width: 376rpx;
-        height: 112rpx;
-        padding: 24rpx 18rpx;
-        box-sizing: border-box;
-        background-image: url("data:image/png;base64,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");
-        background-size: contain;
-        background-repeat: no-repeat;
-
-        .title {
-          font-size: 24rpx;
-          font-weight: 500;
-        }
-
-        .desc {
-          font-size: 20rpx;
-          opacity: 0.8;
-        }
-      }
-
-      .btn-view {
-        background: #ff8205;
-        border-radius: 40rpx;
-        width: 128rpx;
-        height: 48rpx;
-        line-height: 48rpx;
-        font-size: 24rpx;
-        text-align: center;
-      }
-    }
-
-    .pay-gift-box-content {
-      margin-top: 8rpx;
-
-      .coupon-item {
-        margin-top: 24rpx;
-      }
-
-      .code-item {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        margin: 24rpx auto;
-        background: #fff6f0;
-        border: 2rpx solid #ffc299;
-        border-radius: 16rpx;
-        width: 686rpx;
-        height: 144rpx;
-      }
-
-      .code-item-info {
-        padding: 26rpx 0 26rpx 32rpx;
-
-        .tip {
-          height: 28rpx;
-          font-size: 20rpx;
-          font-weight: 400;
-          color: #b2b2b2;
-          line-height: 28rpx;
-          margin-top: 8rpx;
-        }
-      }
-
-      .code-item-content {
-        width: 422rpx;
-        height: 56rpx;
-        font-size: 40rpx;
-        font-weight: 600;
-        color: #ff8205;
-        line-height: 56rpx;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
-
-      .code-btn {
-        width: 128rpx;
-        text-align: center;
-        height: 48rpx;
-        line-height: 48rpx;
-        background: #ff8205;
-        border-radius: 40rpx;
-        font-size: 20rpx;
-        margin-right: 32rpx;
-        color: #ffffff;
-      }
-    }
-
-    .couponState {
-      position: relative;
-      float: left;
-      width: 170rpx;
-      height: 100%;
-      border-bottom-left-radius: 8rpx;
-      border-top-left-radius: 8rpx;
-
-      .img {
-        width: 104rpx;
-        height: 132rpx;
-        position: absolute;
-        right: 0;
-      }
-
-      .getCouponBtn {
-        width: 128rpx;
-        height: 48rpx;
-        background: #ff8205;
-        border-radius: 40rpx;
-        position: absolute;
-        right: 15rpx;
-        top: 50%;
-        margin-top: -28rpx;
-        border-radius: 28rpx;
-        box-sizing: border-box;
-        color: #fff;
-        text-align: center;
-        line-height: 48rpx;
-        font-size: 24rpx;
-        font-weight: 500;
-      }
-    }
-  }
+.pay-success-container {
+  .pay-gift-box {
+    margin-top: 56rpx;
+
+    .pay-gift-box-head {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 50rpx;
+      line-height: 50rpx;
+      color: #333;
+      font-size: 32rpx;
+
+      .left-line,
+      .right-line {
+        display: inline-block;
+        width: 172rpx;
+        height: 14rpx;
+        margin-right: 16rpx;
+        background-image: url("http://wechatapppro-1252524126.file.myqcloud.com/appAKLWLitn7978/image/kf3n5jhl0l7pe0vak1er.png");
+        background-size: 100%;
+      }
+
+      .right-line {
+        margin: 0 0 0 16rpx;
+        background-image: url("http://wechatapppro-1252524126.file.myqcloud.com/appAKLWLitn7978/image/kf3n5jhl0wck8j80j0x.png");
+      }
+    }
+
+    .gift-summary {
+      display: flex;
+      border-radius: 16rpx;
+      border: 1rpx solid #ffc299;
+      color: #ffffff;
+      background: #ffffff;
+      font-size: 20rpx;
+      padding: 16rpx 32rpx 16rpx 16rpx;
+      box-sizing: border-box;
+      align-items: center;
+      justify-content: space-between;
+      margin: 24rpx auto;
+      width: 690rpx;
+      position: relative;
+
+      .img {
+        width: 104rpx;
+        height: 132rpx;
+        position: absolute;
+        right: 2rpx;
+      }
+
+      .gift-detail {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        width: 376rpx;
+        height: 112rpx;
+        padding: 24rpx 18rpx;
+        box-sizing: border-box;
+        background-image: url("data:image/png;base64,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");
+        background-size: contain;
+        background-repeat: no-repeat;
+
+        .title {
+          font-size: 24rpx;
+          font-weight: 500;
+        }
+
+        .desc {
+          font-size: 20rpx;
+          opacity: 0.8;
+        }
+      }
+
+      .btn-view {
+        background: #ff8205;
+        border-radius: 40rpx;
+        width: 128rpx;
+        height: 48rpx;
+        line-height: 48rpx;
+        font-size: 24rpx;
+        text-align: center;
+      }
+    }
+
+    .pay-gift-box-content {
+      margin-top: 8rpx;
+
+      .coupon-item {
+        margin-top: 24rpx;
+      }
+
+      .code-item {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin: 24rpx auto;
+        background: #fff6f0;
+        border: 2rpx solid #ffc299;
+        border-radius: 16rpx;
+        width: 686rpx;
+        height: 144rpx;
+      }
+
+      .code-item-info {
+        padding: 26rpx 0 26rpx 32rpx;
+
+        .tip {
+          height: 28rpx;
+          font-size: 20rpx;
+          font-weight: 400;
+          color: #b2b2b2;
+          line-height: 28rpx;
+          margin-top: 8rpx;
+        }
+      }
+
+      .code-item-content {
+        width: 422rpx;
+        height: 56rpx;
+        font-size: 40rpx;
+        font-weight: 600;
+        color: #ff8205;
+        line-height: 56rpx;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+
+      .code-btn {
+        width: 128rpx;
+        text-align: center;
+        height: 48rpx;
+        line-height: 48rpx;
+        background: #ff8205;
+        border-radius: 40rpx;
+        font-size: 20rpx;
+        margin-right: 32rpx;
+        color: #ffffff;
+      }
+    }
+
+    .couponState {
+      position: relative;
+      float: left;
+      width: 170rpx;
+      height: 100%;
+      border-bottom-left-radius: 8rpx;
+      border-top-left-radius: 8rpx;
+
+      .img {
+        width: 104rpx;
+        height: 132rpx;
+        position: absolute;
+        right: 0;
+      }
+
+      .getCouponBtn {
+        width: 128rpx;
+        height: 48rpx;
+        background: #ff8205;
+        border-radius: 40rpx;
+        position: absolute;
+        right: 15rpx;
+        top: 50%;
+        margin-top: -28rpx;
+        border-radius: 28rpx;
+        box-sizing: border-box;
+        color: #fff;
+        text-align: center;
+        line-height: 48rpx;
+        font-size: 24rpx;
+        font-weight: 500;
+      }
+    }
+  }
 }

package/src/PayComplete/Components/PayGifts/index.wxml

@@ -1,58 +1,58 @@
-<!--src/PayComplete/Components/PayGifts/index.wxml-->
-<view class="pay-success-container" wx:if="{{ payGiftList.length }}">
-  <view class="pay-gift-box">
-    <view class="pay-gift-box-head">
-      <view class="left-line"></view>
-      恭喜您获得以下优惠礼包
-      <text class="right-line"></text>
-    </view>
-    <view class="gift-summary" wx:if="{{ !isShowAllGifts && isExceedMaxGiftsNumber }}">
-      <view class="gift-detail">
-        <view class="title">你已领取一个优惠礼包</view>
-        <view class="desc">内含{{ payGiftList.length }}个优惠权益</view>
-      </view>
-      <image src="../../../common/assets/images/coupon/has_receive.png" class="img"></image>
-      <!-- <view class="btn-view" bindtap="gotoPage" data-type="all">查看</view> -->
-    </view>
-    <view class="pay-gift-box-content" wx:else>
-      <view wx:for="{{ payGiftList }}" wx:key="key">
-        <view class="code-item" wx:if="{{ item.right_type === 'redeem_code' }}">
-          <view class="code-item-info">
-            <view class="code-item-content">
-              {{ item.redeem_code }}
-            </view>
-            <text class="tip">
-              长按复制兑换码 或 截图保存兑换码
-            </text>
-          </view>
-          <view class="code-btn" data-type="{{ item.right_type }}" data-item="{{ item }}" bindtap="gotoPage">
-            去兑换
-          </view>
-        </view>
-        <view class="code-item" wx:if="{{ item.right_type === 'promo_code' }}">
-          <view class="code-item-info">
-            <view class="code-item-content">
-              {{ item.promo_code }}
-            </view>
-            <text class="tip">
-              长按复制优惠码 或 截图保存优惠码
-            </text>
-          </view>
-          <view class="code-btn" data-type="{{ item.right_type }}" data-item="{{ item }}" bindtap="gotoPage">
-            去使用
-          </view>
-        </view>
-        <view class="coupon-item" wx:if="{{ item.right_type === 'coupon' }}">
-          <CouponItem item="{{ item }}">
-            <view class="couponState">
-              <image src="../../../common/assets/images/coupon/has_receive.png" class="img"></image>
-              <!-- <view class="getCouponBtn" data-type="{{ item.right_type }}" data-item="{{ item }}" bindtap="gotoPage">
-                查看
-              </view> -->
-            </view>
-          </CouponItem>
-        </view>
-      </view>
-    </view>
-  </view>
+<!--src/PayComplete/Components/PayGifts/index.wxml-->
+<view class="pay-success-container" wx:if="{{ payGiftList.length }}">
+  <view class="pay-gift-box">
+    <view class="pay-gift-box-head">
+      <view class="left-line"></view>
+      恭喜您获得以下优惠礼包
+      <text class="right-line"></text>
+    </view>
+    <view class="gift-summary" wx:if="{{ !isShowAllGifts && isExceedMaxGiftsNumber }}">
+      <view class="gift-detail">
+        <view class="title">你已领取一个优惠礼包</view>
+        <view class="desc">内含{{ payGiftList.length }}个优惠权益</view>
+      </view>
+      <image src="../../../common/assets/images/coupon/has_receive.png" class="img"></image>
+      <!-- <view class="btn-view" bindtap="gotoPage" data-type="all">查看</view> -->
+    </view>
+    <view class="pay-gift-box-content" wx:else>
+      <view wx:for="{{ payGiftList }}" wx:key="key">
+        <view class="code-item" wx:if="{{ item.right_type === 'redeem_code' }}">
+          <view class="code-item-info">
+            <view class="code-item-content">
+              {{ item.redeem_code }}
+            </view>
+            <text class="tip">
+              长按复制兑换码 或 截图保存兑换码
+            </text>
+          </view>
+          <view class="code-btn" data-type="{{ item.right_type }}" data-item="{{ item }}" bindtap="gotoPage">
+            去兑换
+          </view>
+        </view>
+        <view class="code-item" wx:if="{{ item.right_type === 'promo_code' }}">
+          <view class="code-item-info">
+            <view class="code-item-content">
+              {{ item.promo_code }}
+            </view>
+            <text class="tip">
+              长按复制优惠码 或 截图保存优惠码
+            </text>
+          </view>
+          <view class="code-btn" data-type="{{ item.right_type }}" data-item="{{ item }}" bindtap="gotoPage">
+            去使用
+          </view>
+        </view>
+        <view class="coupon-item" wx:if="{{ item.right_type === 'coupon' }}">
+          <CouponItem item="{{ item }}">
+            <view class="couponState">
+              <image src="../../../common/assets/images/coupon/has_receive.png" class="img"></image>
+              <!-- <view class="getCouponBtn" data-type="{{ item.right_type }}" data-item="{{ item }}" bindtap="gotoPage">
+                查看
+              </view> -->
+            </view>
+          </CouponItem>
+        </view>
+      </view>
+    </view>
+  </view>
 </view>