<template>
<view class="page" :style="{color: fontColor}">
<view class="title" v-if="!isStart">
距离开始:
</view>
<view class="title" v-else>
距离结束:
</view>
<view class="days">
{
{time.day || '00'}}天
</view>
<view class="hour">
{
{time.hour || '00'}}时
</view>
<view class="minutes">
{
{time.min || '00'}}分
</view>
<view class="security">
{
{time.sec || '00'}}秒
</view>
</view>
</template>
<script>
export default {
data () {
return {
time: {},
isStart: false,
}
},
props: {
start_time: String,
end_time: String,
fontColor: String
},
mounted() {
this.countDown()
},
methods: {
timeF
uni-app 倒计时组件
最新推荐文章于 2024-08-07 13:32:40 发布
本文介绍了uni-app中实现倒计时组件的方法,包括在计时开始和未开始时如何显示剩余时间。同时,针对真机调试中Android和iOS端倒计时无效的问题,提出了解决方案——将时间格式从'2019-12-10 12:20:00'转换为'2019/12/10 12:20:00',并使用正则表达式进行转换。
摘要由CSDN通过智能技术生成