uni时间组件修改

时间组件简介：

uni-countdown

代码块：uCountDown

API：背景色 字体大小  时分秒 还有是否显示天时间

需求:

只显示 秒 ，并不改变其他样式正常使用；

这里原来的代码就不展示了，因为已经改完了；

 这里选择加v-if，这样取它的波尔值改变它的显隐，写两个相同的是感觉麻烦，一次性改，如果觉得看着不舒服 自己重新写一个变量即可，

这里改完并不是直接出效果，还需要在JS里面加一个默认值

showMinText:{
				type: Boolean,
				default: true
			},
			showMin:{
				type: Boolean,
				default: true
			},
			showHours:{
				type: Boolean,
				default: true
			},

这段写在export default{}下面的 props里面

然后我们在组件使用时使用：

<uni-countdown
:show-day="false" 
:showHours='false'
:showMin='false'
 color="#ffffff"
:minute="0" 
:second="60"
:fontSize='18'
:start='startUp'
@timeup='timesend'
>

修改前：格式 00：00：00

修改后：格式 自定义

逻辑与重点：

像这种简单的组件修改样式，我们能尽可能不改变原来的样式最好，因为同根目录下其他的页面需求分时的时候又得改，会影响这边的。所以显隐用v-if加一个布尔值最好。然后需求多的话,比如90s或者更多，下面的时分秒 可以改写运算逻辑。

 这里分的运算逻辑是 秒= 24小时 乘以 60 乘以 60

我们直接写道后面把minute*N 这个N就是你设计的多少秒

然后原来的秒是 second ，我们自定义的时候重新命名个变量，即可。