no message

components/popup-coupon/index.js

@@ -0,0 +1,71 @@
+var n = require("../../common/vendor.js"),
+  e = require("../../utils/navigate.js"),
+  o = require("../../enums/index.js");
+Array ||
+  (n.resolveComponent("uni-countdown") + n.resolveComponent("uni-popup"))(),
+  Math ||
+    (
+      function () {
+        return "../../uni_modules/uni-countdown/components/uni-countdown/uni-countdown.js";
+      } +
+      function () {
+        return "../../uni_modules/uni-popup/components/uni-popup/uni-popup.js";
+      }
+    )();
+var t = {
+    __name: "index",
+    props: { visible: { type: Boolean, default: !1 } },
+    emits: ["close"],
+    setup: function (t, r) {
+      var u = r.emit,
+        i = t,
+        c = n.ref(null);
+      n.watch(
+        function () {
+          return i.visible;
+        },
+        function () {
+          i.visible ? c.value.open() : c.value.close();
+        }
+      );
+      var s = function (n) {
+          n.show || u("close");
+        },
+        p = function () {
+          u("close");
+          var e = n.index.getStorageSync("fisrtIn");
+          e ? e++ : (e = 1), n.index.setStorageSync("fisrtIn", e);
+        },
+        a = function () {
+          u("close"),
+            e.navigateTo({
+              url: "/pages/report-query/index",
+              params: {
+                title: "综合车况",
+                productType: o.ProductTypeEnum.OVERALL,
+                queryType: o.QueryTypeEnum.VIN,
+              },
+            });
+          var t = n.index.getStorageSync("fisrtIn");
+          t ? t++ : (t = 1), n.index.setStorageSync("fisrtIn", t);
+        };
+      return function (e, o) {
+        return {
+          a: n.p({
+            minute: 10,
+            "font-size": 30,
+            color: "#ffffff",
+            "splitor-color": "#910F0E",
+            "background-color": "#F11220",
+          }),
+          b: n.o(a),
+          c: n.o(p),
+          d: n.sr(c, "68f7b9c0-0", { k: "popup" }),
+          e: n.o(s),
+          f: n.p({ type: "center", animation: !0, "is-mask-click": !1 }),
+        };
+      };
+    },
+  },
+  r = n._export_sfc(t, [["__scopeId", "data-v-68f7b9c0"]]);
+wx.createComponent(r);

components/popup-coupon/index.json

@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "usingComponents": {
+    "uni-countdown": "../../uni_modules/uni-countdown/components/uni-countdown/uni-countdown",
+    "uni-popup": "../../uni_modules/uni-popup/components/uni-popup/uni-popup"
+  }
+}

components/popup-coupon/index.wxml

@@ -0,0 +1,48 @@
+<uni-popup
+  bind:__l="__l"
+  bindchange="{{e}}"
+  class="r data-v-68f7b9c0"
+  uI="68f7b9c0-0"
+  uP="{{f}}"
+  uR="popup"
+  uS="{{['d']}}"
+  wx:if="{{f}}"
+>
+  <view class="content data-v-68f7b9c0">
+    <view class="container data-v-68f7b9c0">
+      <image
+        class="background data-v-68f7b9c0"
+        src="/static/images/pic_coupon.png"
+      ></image>
+      <view class="coupon data-v-68f7b9c0">
+        <text class="coupon-left data-v-68f7b9c0">┏</text>
+        <text class="coupon-text data-v-68f7b9c0">综合车况立减30元</text>
+        <text class="coupon-right data-v-68f7b9c0">┛</text>
+      </view>
+      <view class="count-down data-v-68f7b9c0">
+        <text class="count-down-text data-v-68f7b9c0">限时抢购:</text>
+        <uni-countdown
+          bind:__l="__l"
+          class="data-v-68f7b9c0"
+          uI="68f7b9c0-1,68f7b9c0-0"
+          uP="{{a}}"
+          wx:if="{{a}}"
+        ></uni-countdown>
+      </view>
+      <view
+        bindtap="{{b}}"
+        class="button data-v-68f7b9c0"
+        hoverClass="default-hover-class"
+        hoverStayTime="100"
+      >
+        <text class="button-text data-v-68f7b9c0">领取使用</text>
+      </view>
+    </view>
+    <view bindtap="{{c}}" class="close data-v-68f7b9c0">
+      <image
+        class="close-image data-v-68f7b9c0"
+        src="/static/images/icon_close_3.png"
+      ></image>
+    </view>
+  </view>
+</uni-popup>

components/popup-coupon/index.wxss

@@ -0,0 +1,98 @@
+.content.data-v-68f7b9c0 {
+  height: 1000rpx;
+  justify-content: center;
+}
+.container.data-v-68f7b9c0,
+.content.data-v-68f7b9c0 {
+  align-items: center;
+  display: -webkit-flex;
+  display: flex;
+  flex-direction: column;
+}
+.container.data-v-68f7b9c0 {
+  height: 670rpx;
+  padding: 40rpx;
+  position: relative;
+  width: 525rpx;
+}
+.background.data-v-68f7b9c0 {
+  height: 670rpx;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 525rpx;
+  z-index: 9;
+}
+.coupon.data-v-68f7b9c0 {
+  align-items: center;
+  display: -webkit-flex;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  margin-top: 200rpx;
+  padding: 25rpx 40rpx;
+  position: relative;
+  z-index: 20;
+}
+.coupon-text.data-v-68f7b9c0 {
+  color: #e95857;
+  font-size: 44rpx;
+  font-weight: 700;
+}
+.coupon-left.data-v-68f7b9c0 {
+  color: #e95857;
+  left: 0;
+  position: absolute;
+  top: 0;
+  z-index: 21;
+}
+.coupon-right.data-v-68f7b9c0 {
+  bottom: 0;
+  color: #e95857;
+  position: absolute;
+  right: 0;
+  z-index: 21;
+}
+.count-down.data-v-68f7b9c0 {
+  align-items: center;
+  display: -webkit-flex;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  margin-top: 60rpx;
+  position: relative;
+  z-index: 20;
+}
+.count-down-text.data-v-68f7b9c0 {
+  color: #910f0e;
+  font-size: 30rpx;
+  font-weight: 700;
+  margin-right: 10rpx;
+}
+.button.data-v-68f7b9c0 {
+  align-items: center;
+  background-color: #ffe1af;
+  border-radius: 100rpx;
+  display: -webkit-flex;
+  display: flex;
+  height: 70rpx;
+  justify-content: center;
+  line-height: 70rpx;
+  margin-top: 95rpx;
+  position: relative;
+  width: 200rpx;
+  z-index: 10;
+}
+.button-text.data-v-68f7b9c0 {
+  color: #690000;
+  font-size: 32rpx;
+  font-weight: 700;
+}
+.close.data-v-68f7b9c0 {
+  margin-top: 10rpx;
+}
+.close-image.data-v-68f7b9c0 {
+  height: 90rpx;
+  padding: 20rpx;
+  width: 90rpx;
+}