mirror/element-plus
2
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2025-03-07 15:47:57 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: rm doc countdown (#5805)

Browse Source
This commit is contained in:
iamkun 2022-02-07 11:40:24 +08:00 committed by GitHub
parent 35472d57e0
commit 16db823157
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 36 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

77
docs/.vitepress/vitepress/components/globals/parallax-home.vue
View File

@ -1,12 +1,7 @@
<script setup lang="ts">
import { ref, reactive, computed } from 'vue'
import {
useParallax,
useThrottleFn,
useEventListener,
useIntervalFn,
} from '@vueuse/core'
import dayjs from 'dayjs'
import { useParallax, useThrottleFn, useEventListener } from '@vueuse/core'
// import dayjs from 'dayjs'
import { useLang } from '../../composables/lang'
import homeLocale from '../../../i18n/pages/home.json'
import sponsorLocale from '../../../i18n/component/sponsors-home.json'
@ -74,41 +69,41 @@ const handleScroll = useThrottleFn(() => {
useEventListener(window, 'scroll', handleScroll)
interface CountdownT {
days: string
hours: string
minutes: string
seconds: string
}
const releaseDate = dayjs('2022-02-07T11:00:00.000+08:00')
const isBeforeRelease = ref(false)
const countdownText = ref<CountdownT>({} as CountdownT)
const calReleaseCountDown = () => {
if (dayjs().isBefore(releaseDate)) {
isBeforeRelease.value = true
const dayDiff = releaseDate.diff(dayjs(), 'day')
countdownText.value.days = String(dayDiff).padStart(2, '0')
const hourDiff = releaseDate.diff(dayjs(), 'hour') - dayDiff * 24
countdownText.value.hours = String(hourDiff).padStart(2, '0')
const minuteDiff =
releaseDate.diff(dayjs(), 'minute') - hourDiff * 60 - dayDiff * 24 * 60
countdownText.value.minutes = String(minuteDiff).padStart(2, '0')
const secondDiff =
releaseDate.diff(dayjs(), 'second') -
minuteDiff * 60 -
hourDiff * 60 * 60 -
dayDiff * 24 * 60 * 60
countdownText.value.seconds = String(secondDiff).padStart(2, '0')
} else {
pauseCountdown()
}
}
// interface CountdownT {
// days: string
// hours: string
// minutes: string
// seconds: string
// }
// const releaseDate = dayjs('2022-02-07T11:00:00.000+08:00')
// const isBeforeRelease = ref(false)
// const countdownText = ref<CountdownT>({} as CountdownT)
// const calReleaseCountDown = () => {
// if (dayjs().isBefore(releaseDate)) {
// isBeforeRelease.value = true
// const dayDiff = releaseDate.diff(dayjs(), 'day')
// countdownText.value.days = String(dayDiff).padStart(2, '0')
// const hourDiff = releaseDate.diff(dayjs(), 'hour') - dayDiff * 24
// countdownText.value.hours = String(hourDiff).padStart(2, '0')
// const minuteDiff =
// releaseDate.diff(dayjs(), 'minute') - hourDiff * 60 - dayDiff * 24 * 60
// countdownText.value.minutes = String(minuteDiff).padStart(2, '0')
// const secondDiff =
// releaseDate.diff(dayjs(), 'second') -
// minuteDiff * 60 -
// hourDiff * 60 * 60 -
// dayDiff * 24 * 60 * 60
// countdownText.value.seconds = String(secondDiff).padStart(2, '0')
// } else {
// pauseCountdown()
// }
// }
const { pause: pauseCountdown } = useIntervalFn(
() => calReleaseCountDown(),
1000,
{ immediateCallback: true }
)
// const { pause: pauseCountdown } = useIntervalFn(
// () => calReleaseCountDown(),
// 1000,
// { immediateCallback: true }
// )
</script>
<template>