From e2fb99ae60fa124a02185b70fa6cead5032aeb6e Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Mon, 28 Apr 2025 22:54:42 +0800
Subject: [PATCH] =?UTF-8?q?reactor=EF=BC=9A=E7=A7=BB=E9=99=A4=20countDown?=
 =?UTF-8?q?=20=E7=BB=84=E4=BB=B6=EF=BC=8C=E4=BD=BF=E7=94=A8=20s-count-down?=
 =?UTF-8?q?=20=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/goods/index.vue                |   3 +-
 sheep/components/countDown/index.vue | 196 ---------------------------
 2 files changed, 1 insertion(+), 198 deletions(-)
 delete mode 100644 sheep/components/countDown/index.vue

diff --git a/pages/goods/index.vue b/pages/goods/index.vue
index 52810f62..1d6bb29c 100644
--- a/pages/goods/index.vue
+++ b/pages/goods/index.vue
@@ -60,7 +60,7 @@
                 </view>
                 <view class="disContB2" v-if="state.settlementSku.promotionEndTime > 0">
                   距结束仅剩
-                  <countDown
+                  <s-count-down
                     :tipText="' '"
                     :bgColor="bgColor"
                     :dayText="':'"
@@ -234,7 +234,6 @@
   import SpuApi from '@/sheep/api/product/spu';
 
   onPageScroll(() => {});
-  import countDown from '@/sheep/components/countDown/index.vue';
   import OrderApi from '@/sheep/api/trade/order';
   import { SharePageEnum } from '@/sheep/helper/const';
 
diff --git a/sheep/components/countDown/index.vue b/sheep/components/countDown/index.vue
deleted file mode 100644
index d7b88deb..00000000
--- a/sheep/components/countDown/index.vue
+++ /dev/null
@@ -1,196 +0,0 @@
-<!-- TODO 霖：是不是怎么复用 s-count-down 组件 -->
-<template>
-  <view class="time" :style="justifyLeft">
-    <text class="" v-if="tipText">{{ tipText }}</text>
-    <text
-      class="styleAll p6"
-      v-if="isDay === true"
-      :style="{ background: bgColor.bgColor, color: bgColor.Color }"
-      >{{ day }}{{ bgColor.isDay ? '天' : '' }}</text
-    >
-    <text
-      class="timeTxt"
-      v-if="dayText"
-      :style="{ width: bgColor.timeTxtwidth, color: bgColor.bgColor }"
-      >{{ dayText }}</text
-    >
-    <text
-      class="styleAll"
-      :class="isCol ? 'timeCol' : ''"
-      :style="{ background: bgColor.bgColor, color: bgColor.Color, width: bgColor.width }"
-      >{{ hour }}</text
-    >
-    <text
-      class="timeTxt"
-      v-if="hourText"
-      :class="isCol ? 'whit' : ''"
-      :style="{ width: bgColor.timeTxtwidth, color: bgColor.bgColor }"
-      >{{ hourText }}</text
-    >
-    <text
-      class="styleAll"
-      :class="isCol ? 'timeCol' : ''"
-      :style="{ background: bgColor.bgColor, color: bgColor.Color, width: bgColor.width }"
-      >{{ minute }}</text
-    >
-    <text
-      class="timeTxt"
-      v-if="minuteText"
-      :class="isCol ? 'whit' : ''"
-      :style="{ width: bgColor.timeTxtwidth, color: bgColor.bgColor }"
-      >{{ minuteText }}</text
-    >
-    <text
-      class="styleAll"
-      :class="isCol ? 'timeCol' : ''"
-      :style="{ background: bgColor.bgColor, color: bgColor.Color, width: bgColor.width }"
-      >{{ second }}</text
-    >
-    <text class="timeTxt" v-if="secondText">{{ secondText }}</text>
-  </view>
-</template>
-
-<script>
-  export default {
-    name: 'countDown',
-    props: {
-      justifyLeft: {
-        type: String,
-        default: '',
-      },
-      //距离开始提示文字
-      tipText: {
-        type: String,
-        default: '倒计时',
-      },
-      dayText: {
-        type: String,
-        default: '天',
-      },
-      hourText: {
-        type: String,
-        default: '时',
-      },
-      minuteText: {
-        type: String,
-        default: '分',
-      },
-      secondText: {
-        type: String,
-        default: '秒',
-      },
-      datatime: {
-        type: Number,
-        default: 0,
-      },
-      isDay: {
-        type: Boolean,
-        default: true,
-      },
-      isCol: {
-        type: Boolean,
-        default: false,
-      },
-      bgColor: {
-        type: Object,
-        default: null,
-      },
-    },
-    data: function () {
-      return {
-        day: '00',
-        hour: '00',
-        minute: '00',
-        second: '00',
-      };
-    },
-    created: function () {
-      this.show_time();
-    },
-    mounted: function () {},
-    methods: {
-      show_time: function () {
-        let that = this;
-
-        function runTime() {
-          //时间函数
-          let intDiff = that.datatime - Date.parse(new Date()) / 1000; //获取数据中的时间戳的时间差；
-          let day = 0,
-            hour = 0,
-            minute = 0,
-            second = 0;
-          if (intDiff > 0) {
-            //转换时间
-            if (that.isDay === true) {
-              day = Math.floor(intDiff / (60 * 60 * 24));
-            } else {
-              day = 0;
-            }
-            hour = Math.floor(intDiff / (60 * 60)) - day * 24;
-            minute = Math.floor(intDiff / 60) - day * 24 * 60 - hour * 60;
-            second = Math.floor(intDiff) - day * 24 * 60 * 60 - hour * 60 * 60 - minute * 60;
-            if (hour <= 9) hour = '0' + hour;
-            if (minute <= 9) minute = '0' + minute;
-            if (second <= 9) second = '0' + second;
-            that.day = day;
-            that.hour = hour;
-            that.minute = minute;
-            that.second = second;
-          } else {
-            that.day = '00';
-            that.hour = '00';
-            that.minute = '00';
-            that.second = '00';
-          }
-        }
-        runTime();
-        setInterval(runTime, 1000);
-      },
-    },
-  };
-</script>
-
-<style scoped>
-  .p6 {
-    padding: 0 8rpx;
-  }
-  .styleAll {
-    /* color: #fff; */
-    font-size: 24rpx;
-    height: 36rpx;
-    line-height: 36rpx;
-    border-radius: 6rpx;
-    text-align: center;
-    /* padding: 0 6rpx; */
-  }
-  .timeTxt {
-    text-align: center;
-    /* width: 16rpx; */
-    height: 36rpx;
-    line-height: 36rpx;
-    display: inline-block;
-  }
-  .whit {
-    color: #fff !important;
-  }
-  .time {
-    display: flex;
-    justify-content: center;
-  }
-
-  .red {
-    color: #fc4141;
-    margin: 0 4rpx;
-  }
-
-  .timeCol {
-    /* width: 40rpx;
-    height: 40rpx;
-    line-height: 40rpx;
-    text-align:center;
-    border-radius: 6px;
-    background: #fff;
-    font-size: 24rpx; */
-    color: #e93323;
-  }
-</style>