初始化万家商超用户端仓库

2025-04-30 14:04:34 +08:00
commit 022c640d89
425 changed files with 160005 additions and 0 deletions
--- a/components/uni-countdown/uni-countdown.vue
+++ b/components/uni-countdown/uni-countdown.vue
@ -0,0 +1,192 @@
+<template>
+  <view class="uni-countdown">
+    <text v-if="showDay" :style="{ borderColor: borderColor, color: color, backgroundColor: backgroundColor }" class="uni-countdown__number">
+      {{ d }}
+    </text>
+    <text v-if="showDay" :style="{ color: splitorColor }" class="uni-countdown__splitor">{{ $t('天') }}</text>
+    <text :style="{ borderColor: borderColor, color: color, backgroundColor: backgroundColor }" class="uni-countdown__number">{{ h }}</text>
+    <text :style="{ color: splitorColor }" class="uni-countdown__splitor">{{ showColon ? ':' : $t('时') }}</text>
+    <text :style="{ borderColor: borderColor, color: color, backgroundColor: backgroundColor }" class="uni-countdown__number">{{ i }}</text>
+    <text :style="{ color: splitorColor }" class="uni-countdown__splitor">{{ showColon ? ':' : $t('分') }}</text>
+    <text :style="{ borderColor: borderColor, color: color, backgroundColor: backgroundColor }" class="uni-countdown__number">{{ s }}</text>
+    <text v-if="!showColon" :style="{ color: splitorColor }" class="uni-countdown__splitor">{{ $t('秒') }}</text>
+  </view>
+</template>
+<script>
+export default {
+  name: 'UniCountdown',
+  props: {
+    showDay: {
+      type: Boolean,
+      default: true,
+    },
+    showColon: {
+      type: Boolean,
+      default: true,
+    },
+    backgroundColor: {
+      type: String,
+      default: '#FFFFFF',
+    },
+    borderColor: {
+      type: String,
+      default: '#000000',
+    },
+    color: {
+      type: String,
+      default: '#000000',
+    },
+    splitorColor: {
+      type: String,
+      default: '#000000',
+    },
+    day: {
+      type: [Number, String],
+      default: 0,
+    },
+    hour: {
+      type: [Number, String],
+      default: 0,
+    },
+    minute: {
+      type: [Number, String],
+      default: 0,
+    },
+    second: {
+      type: [Number, String],
+      default: 0,
+    },
+  },
+  data() {
+    return {
+      timer: null,
+      syncFlag: false,
+      d: '00',
+      h: '00',
+      i: '00',
+      s: '00',
+      leftTime: 0,
+      seconds: 0,
+    }
+  },
+  watch: {
+    day(val) {
+      this.changeFlag()
+    },
+    hour(val) {
+      this.changeFlag()
+    },
+    minute(val) {
+      this.changeFlag()
+    },
+    second(val) {
+      this.changeFlag()
+    },
+  },
+  created: function (e) {
+    clearInterval(this.timer)
+    this.startData()
+  },
+  beforeDestroy() {
+    clearInterval(this.timer)
+  },
+  methods: {
+    toSeconds(day, hours, minutes, seconds) {
+      return day * 60 * 60 * 24 + hours * 60 * 60 + minutes * 60 + seconds
+    },
+    timeUp() {
+      clearInterval(this.timer)
+      this.$emit('timeup')
+    },
+    countDown() {
+      let seconds = this.seconds
+      let [day, hour, minute, second] = [0, 0, 0, 0]
+      if (seconds > 0) {
+        day = Math.floor(seconds / (60 * 60 * 24))
+        hour = Math.floor(seconds / (60 * 60)) - day * 24
+        minute = Math.floor(seconds / 60) - day * 24 * 60 - hour * 60
+        second = Math.floor(seconds) - day * 24 * 60 * 60 - hour * 60 * 60 - minute * 60
+      } else {
+        this.timeUp()
+      }
+      if (day < 10) {
+        day = '0' + day
+      }
+      if (hour < 10) {
+        hour = '0' + hour
+      }
+      if (minute < 10) {
+        minute = '0' + minute
+      }
+      if (second < 10) {
+        second = '0' + second
+      }
+      this.d = day
+      this.h = hour
+      this.i = minute
+      this.s = second
+    },
+    startData() {
+      this.seconds = this.toSeconds(Number(this.day), Number(this.hour), Number(this.minute), Number(this.second))
+      if (this.seconds <= 0) {
+        return
+      }
+      this.countDown()
+      this.timer = setInterval(() => {
+        this.seconds--
+        if (this.seconds < 0) {
+          this.timeUp()
+          return
+        }
+        this.countDown()
+      }, 1000)
+    },
+    changeFlag() {
+      if (!this.syncFlag) {
+        this.seconds = this.toSeconds(this.day, this.hour, this.minute, this.second)
+        this.startData()
+        this.syncFlag = true
+      }
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+@import '~@/uni.scss';
+$countdown-height: 36rpx;
+$countdown-width: 36rpx;
+
+.uni-countdown {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  justify-content: flex-start;
+  padding: 2rpx 0;
+}
+
+.uni-countdown__splitor {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  justify-content: center;
+  line-height: $countdown-height;
+  padding: 5rpx;
+  font-size: $uni-font-size-sm;
+}
+
+.uni-countdown__number {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  justify-content: center;
+  align-items: center;
+  width: $countdown-width;
+  height: $countdown-height;
+  line-height: $countdown-height;
+  margin: 5rpx;
+  text-align: center;
+  font-size: $uni-font-size-sm;
+  border-radius: $uni-border-radius-sm;
+}
+</style>