[fix] 修复倒计时显示多余的【:】的问题

This commit is contained in:
zhengliming
2024-01-03 00:08:19 +08:00
parent 344f681181
commit c67be5adf8
@@ -9,9 +9,7 @@
<view class="tn-countdown__item__time" :class="[fontColorClass]" :style="[letterStyle]">
{{ d }}
</view>
</view>
<view
v-if="showHours && (hideZeroDay || (!hideZeroDay && d != '00'))"
class="tn-countdown__separator"
:style="{
fontSize: separatorSize + 'rpx',
@@ -19,8 +17,10 @@
paddingBottom: separator === 'en' ? '4rpx' : 0
}"
>
{{ separator === 'en' ? ':' : '天'}}
{{ separator === 'en' ? (showHours || showMinutes || showSeconds ? ':' : '') : '天'}}
</view>
</view>
<view
v-if="showHours"
@@ -31,7 +31,6 @@
<view class="tn-countdown__item__time" :class="[fontColorClass]" :style="[letterStyle]">
{{ h }}
</view>
</view>
<view
v-if="showMinutes"
class="tn-countdown__separator"
@@ -43,6 +42,8 @@
>
{{ separator === 'en' ? ':' : '时'}}
</view>
</view>
<view
v-if="showMinutes"
@@ -53,7 +54,6 @@
<view class="tn-countdown__item__time" :class="[fontColorClass]" :style="[letterStyle]">
{{ m }}
</view>
</view>
<view
v-if="showSeconds"
class="tn-countdown__separator"
@@ -65,9 +65,10 @@
>
{{ separator === 'en' ? ':' : '分'}}
</view>
</view>
<view
v-if="showSeconds"
class="tn-countdown__item"
:class="[backgroundColorClass]"
:style="[itemStyle]"
@@ -75,9 +76,7 @@
<view class="tn-countdown__item__time" :class="[fontColorClass]" :style="[letterStyle]">
{{ s }}
</view>
</view>
<view
v-if="showSeconds && separator === 'cn'"
class="tn-countdown__separator"
:style="{
fontSize: separatorSize + 'rpx',
@@ -85,8 +84,13 @@
paddingBottom: separator === 'en' ? '4rpx' : 0
}"
>
{{ separator === 'en' ? '' : '秒'}}
</view>
</view>
</view>
</view>
</template>