xiaoe_mp_npm 0.1.13 → 0.1.14

package/src/PayComplete/Components/CouponItem/index.js

@@ -1,51 +1,51 @@
-// src/PayComplete/Components/CouponItem/index.js
-const computedBehavior = require('miniprogram-computed').behavior
-
-Component({
-  behaviors: [computedBehavior],
-  /**
-   * 组件的属性列表
-   */
-  properties: {
-    item: { //单个优惠券数据
-      type: Object,
-      value: () => {
-        return {}
-      }
-    },
-    outWidth: { //外部优惠券高度
-      type: String,
-      value: '690rpx'
-    },
-    couponValueBg: { //单个优惠券左边金额背景颜色，默认渐变背景
-      type: String,
-      value: 'linear-gradient(to right,#FFB073,#FF9D52)'
-    },
-    outborder: { //单个外部边框颜色
-      type: String,
-      value: 'none'
-    },
-    outHeight: { //单个外部高度
-      type: String,
-      value: '2.04'
-    },
-    lightState: { //标记优惠券是否处于高亮太 默认高亮，选择优惠券时，不选中时，处于未高亮态
-      type: Boolean,
-      value: true
-    }
-  },
-
-  /**
-   * 组件的初始数据
-   */
-  data: {
-
-  },
-
-  /**
-   * 组件的方法列表
-   */
-  methods: {
-
-  }
+// src/PayComplete/Components/CouponItem/index.js
+const computedBehavior = require('miniprogram-computed').behavior
+
+Component({
+  behaviors: [computedBehavior],
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    item: { //单个优惠券数据
+      type: Object,
+      value: () => {
+        return {}
+      }
+    },
+    outWidth: { //外部优惠券高度
+      type: String,
+      value: '690rpx'
+    },
+    couponValueBg: { //单个优惠券左边金额背景颜色，默认渐变背景
+      type: String,
+      value: 'linear-gradient(to right,#FFB073,#FF9D52)'
+    },
+    outborder: { //单个外部边框颜色
+      type: String,
+      value: 'none'
+    },
+    outHeight: { //单个外部高度
+      type: String,
+      value: '2.04'
+    },
+    lightState: { //标记优惠券是否处于高亮太 默认高亮，选择优惠券时，不选中时，处于未高亮态
+      type: Boolean,
+      value: true
+    }
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+
+  }
 })

package/src/PayComplete/Components/CouponItem/index.json

@@ -1,4 +1,4 @@
-{
-  "component": true,
-  "usingComponents": {}
+{
+  "component": true,
+  "usingComponents": {}
 }

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

@@ -1,143 +1,143 @@
-.couponNewWrap {
-  width: 690rpx;
-  margin-bottom: 24rpx;
-  margin-left: auto;
-  margin-right: auto;
-
-  &:last-child {
-    margin-bottom: 0;
-  }
-}
-
-.couponNewV2 {
-  background-color: rgb(255, 255, 255);
-  width: 690rpx;
-  background: #FFF6F0;
-  border: 1rpx solid #FFC299;
-  position: relative;
-  height: 144rpx;
-  margin-left: auto;
-  margin-right: auto;
-  overflow: hidden;
-  border-radius: 16rpx;
-  display: flex;
-
-  .couponValue {
-    float: left;
-    width: 208rpx;
-    height: 204rpx;
-    background: #FF781F;
-    box-sizing: border-box;
-    border-radius: 16rpx 0 0 16rpx;
-
-    .couponPrice {
-      position: relative;
-      width: 100%;
-      line-height: 56rpx;
-      margin-top: 22rpx;
-      text-align: center;
-      font-size: 64rpx;
-      font-weight: 500;
-      color: #fff;
-      display: flex;
-      justify-content: center;
-      align-items: baseline;
-
-      .fontSmall {
-        font-size: 48rpx !important;
-      }
-
-      .fontLastSmall {
-        font-size: 32rpx !important;
-      }
-
-      .fixedfont {
-        font-size: 24rpx !important;
-
-      }
-
-      .fixedPercent {
-        font-size: 32rpx !important;
-      }
-
-      span {
-        position: relative;
-        display: inline-block;
-      }
-
-      .discountFont,
-      .coupon-symbol {
-        font-size: 32rpx;
-        margin-left: 12rpx
-      }
-
-    }
-
-    .couponUseCondition {
-      font-size: 24rpx;
-      width: 100%;
-      overflow: hidden;
-      max-height: 80rpx;
-      line-height: 36rpx;
-      color: #fff;
-      text-align: center;
-    }
-  }
-
-  // 非高亮态样式
-  .unselectState {
-    background: #CDCDCD !important;
-  }
-
-  .couponInfo {
-    float: left;
-    margin-bottom: 16rpx;
-    width: 300rpx;
-    height: 100%;
-    overflow: hidden;
-    box-sizing: border-box;
-    padding: 14rpx 0 12rpx 24rpx;
-    color: #888888;
-    font-size: 24rpx;
-    text-align: left;
-
-    span {
-      display: inline-block;
-    }
-
-    .couponName {
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      width: 284rpx;
-      height: 36rpx;
-      font-size: 24rpx;
-      margin-bottom: 16rpx;
-      font-weight: 500;
-      color: #333333;
-      line-height: 36rpx;
-    }
-
-    .couponUseHint {
-      margin-bottom: 8rpx;
-      height: 28rpx;
-      line-height: 28rpx;
-    }
-
-    .couponUseTime {
-      width: 100%;
-      height: 28rpx;
-      line-height: 28rpx;
-      font-size: 24rpx;
-    }
-  }
-
-  .couponState {
-    float: left;
-    position: relative;
-    width: 170rpx;
-    height: 100%;
-    border-bottom-left-radius: 8rpx;
-    border-top-left-radius: 8rpx;
-  }
+.couponNewWrap {
+  width: 690rpx;
+  margin-bottom: 24rpx;
+  margin-left: auto;
+  margin-right: auto;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.couponNewV2 {
+  background-color: rgb(255, 255, 255);
+  width: 690rpx;
+  background: #FFF6F0;
+  border: 1rpx solid #FFC299;
+  position: relative;
+  height: 144rpx;
+  margin-left: auto;
+  margin-right: auto;
+  overflow: hidden;
+  border-radius: 16rpx;
+  display: flex;
+
+  .couponValue {
+    float: left;
+    width: 208rpx;
+    height: 204rpx;
+    background: #FF781F;
+    box-sizing: border-box;
+    border-radius: 16rpx 0 0 16rpx;
+
+    .couponPrice {
+      position: relative;
+      width: 100%;
+      line-height: 56rpx;
+      margin-top: 22rpx;
+      text-align: center;
+      font-size: 64rpx;
+      font-weight: 500;
+      color: #fff;
+      display: flex;
+      justify-content: center;
+      align-items: baseline;
+
+      .fontSmall {
+        font-size: 48rpx !important;
+      }
+
+      .fontLastSmall {
+        font-size: 32rpx !important;
+      }
+
+      .fixedfont {
+        font-size: 24rpx !important;
+
+      }
+
+      .fixedPercent {
+        font-size: 32rpx !important;
+      }
+
+      span {
+        position: relative;
+        display: inline-block;
+      }
+
+      .discountFont,
+      .coupon-symbol {
+        font-size: 32rpx;
+        margin-left: 12rpx
+      }
+
+    }
+
+    .couponUseCondition {
+      font-size: 24rpx;
+      width: 100%;
+      overflow: hidden;
+      max-height: 80rpx;
+      line-height: 36rpx;
+      color: #fff;
+      text-align: center;
+    }
+  }
+
+  // 非高亮态样式
+  .unselectState {
+    background: #CDCDCD !important;
+  }
+
+  .couponInfo {
+    float: left;
+    margin-bottom: 16rpx;
+    width: 300rpx;
+    height: 100%;
+    overflow: hidden;
+    box-sizing: border-box;
+    padding: 14rpx 0 12rpx 24rpx;
+    color: #888888;
+    font-size: 24rpx;
+    text-align: left;
+
+    span {
+      display: inline-block;
+    }
+
+    .couponName {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      width: 284rpx;
+      height: 36rpx;
+      font-size: 24rpx;
+      margin-bottom: 16rpx;
+      font-weight: 500;
+      color: #333333;
+      line-height: 36rpx;
+    }
+
+    .couponUseHint {
+      margin-bottom: 8rpx;
+      height: 28rpx;
+      line-height: 28rpx;
+    }
+
+    .couponUseTime {
+      width: 100%;
+      height: 28rpx;
+      line-height: 28rpx;
+      font-size: 24rpx;
+    }
+  }
+
+  .couponState {
+    float: left;
+    position: relative;
+    width: 170rpx;
+    height: 100%;
+    border-bottom-left-radius: 8rpx;
+    border-top-left-radius: 8rpx;
+  }
 }

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

@@ -1,47 +1,47 @@
-<!--src/PayComplete/Components/CouponItem/index.wxml-->
-<wxs src="./sub.wxs" module="tools" />
-<view class="couponNewWrap" style="width: {{ outWidth }}">
-  <view class="couponNewV2" style="width: {{ outWidth }}">
-    <view class="couponValue {{ !lightState ? 'unselectState' : '' }}">
-      <view class="couponPrice">
-        <block wx:if="{{ item.discount_way === 1 }}">
-          <view class="coupon-symbol">￥</view>
-          <view style="left: -5rpx;" class="{{ tools.isLongNum(item.price) == 'small' ? 'fontSmall' : '' }} {{ tools.isLongNum(item.price) == 'smallLast' ? 'fontLastSmall' : ''}}">
-            {{ tools.ToFilter(item.price) }}
-          </view>
-          <view class="fixedfont" wx:if="{{ item.price % 100 !== 0 }}">.{{ tools.fixedFont(item.price) }}</view>
-        </block>
-        <text style="left: -5rpx" 
-          class="{{ tools.isLongNum(item.price) == 'small' ? 'fontSmall' : '' }} {{ tools.isLongNum(item.price) == 'smallLast' ? 'fontLastSmall' : '' }}"
-            wx:if="{{ item.discount_way === 2 }}"
-        >
-          {{ tools.ToFilter(item.discount_percent, false) }}
-          <text class="fixedPercent" wx:if="{{ item.discount_percent % 10 !== 0 }}">.{{ fixedFont(item.discount_percent, false) }}</text>
-          <text class="discountFont">折</text>
-        </text>
-      </view>
-      <view wx:if="{{ item.require_price == 0 }}" class="couponUseCondition">无门槛</view>
-      <view wx:if="{{ item.require_price != 0 }}" class="couponUseCondition">
-        <text wx:if="{{ item.discount_way === 1 }}">满{{ item.require_price/100 }}元可用</text>
-        <text wx:else>满{{ item.require_price/100 }}减{{ item.price/100 }}元</text>
-      </view>
-    </view>
-    <view class="couponInfo">
-      <view class="couponName">
-        <text wx:if="{{ item.title.length > 10 }}">{{ item.title.substr(0, 10) }}...</text>
-        <text wx:else>{{ item.title }}</text>
-      </view>
-      <text class="couponUseHint" wx:if="{{ item.type == 0 }}">部分商品可用</text>
-      <text class="couponUseHint" wx:if="{{ item.type == 1 }}">全部商品可用</text>
-      <text class="couponUseTime" wx:if="{{ item.valid_day }}">
-        {{ item.valid_after === 1? '领取次日' : '自领取起' }}{{ item.valid_day }}天内有效
-      </text>
-      <text class="couponUseTime" wx:if="{{ !item.valid_day && item.valid_at && item.invalid_at }}">
-        {{ tools.formatDate(item.valid_at) }}-{{ tools.formatDate(item.invalid_at) }}
-      </text>
-    </view>
-    <view class="couponState">
-      <slot></slot>
-    </view>
-  </view>
+<!--src/PayComplete/Components/CouponItem/index.wxml-->
+<wxs src="./sub.wxs" module="tools" />
+<view class="couponNewWrap" style="width: {{ outWidth }}">
+  <view class="couponNewV2" style="width: {{ outWidth }}">
+    <view class="couponValue {{ !lightState ? 'unselectState' : '' }}">
+      <view class="couponPrice">
+        <block wx:if="{{ item.discount_way === 1 }}">
+          <view class="coupon-symbol">￥</view>
+          <view style="left: -5rpx;" class="{{ tools.isLongNum(item.price) == 'small' ? 'fontSmall' : '' }} {{ tools.isLongNum(item.price) == 'smallLast' ? 'fontLastSmall' : ''}}">
+            {{ tools.ToFilter(item.price) }}
+          </view>
+          <view class="fixedfont" wx:if="{{ item.price % 100 !== 0 }}">.{{ tools.fixedFont(item.price) }}</view>
+        </block>
+        <text style="left: -5rpx" 
+          class="{{ tools.isLongNum(item.price) == 'small' ? 'fontSmall' : '' }} {{ tools.isLongNum(item.price) == 'smallLast' ? 'fontLastSmall' : '' }}"
+            wx:if="{{ item.discount_way === 2 }}"
+        >
+          {{ tools.ToFilter(item.discount_percent, false) }}
+          <text class="fixedPercent" wx:if="{{ item.discount_percent % 10 !== 0 }}">.{{ fixedFont(item.discount_percent, false) }}</text>
+          <text class="discountFont">折</text>
+        </text>
+      </view>
+      <view wx:if="{{ item.require_price == 0 }}" class="couponUseCondition">无门槛</view>
+      <view wx:if="{{ item.require_price != 0 }}" class="couponUseCondition">
+        <text wx:if="{{ item.discount_way === 1 }}">满{{ item.require_price/100 }}元可用</text>
+        <text wx:else>满{{ item.require_price/100 }}减{{ item.price/100 }}元</text>
+      </view>
+    </view>
+    <view class="couponInfo">
+      <view class="couponName">
+        <text wx:if="{{ item.title.length > 10 }}">{{ item.title.substr(0, 10) }}...</text>
+        <text wx:else>{{ item.title }}</text>
+      </view>
+      <text class="couponUseHint" wx:if="{{ item.type == 0 }}">部分商品可用</text>
+      <text class="couponUseHint" wx:if="{{ item.type == 1 }}">全部商品可用</text>
+      <text class="couponUseTime" wx:if="{{ item.valid_day }}">
+        {{ item.valid_after === 1? '领取次日' : '自领取起' }}{{ item.valid_day }}天内有效
+      </text>
+      <text class="couponUseTime" wx:if="{{ !item.valid_day && item.valid_at && item.invalid_at }}">
+        {{ tools.formatDate(item.valid_at) }}-{{ tools.formatDate(item.invalid_at) }}
+      </text>
+    </view>
+    <view class="couponState">
+      <slot></slot>
+    </view>
+  </view>
 </view>