小程序基础开发（四）：template模板应用(4)——倒计时组件，日时分秒

金木研-

于 2019-10-02 22:05:38 发布

阅读量242

点赞数

分类专栏：小程序 #小程序基础开发文章标签：小程序倒计时

本文链接：https://blog.csdn.net/qq_42050067/article/details/101942996

版权

本文介绍了小程序中如何实现一个倒计时组件，包括WXML结构、CSS样式和JS逻辑，详细讲解了日时分秒的倒计时展示。

摘要由CSDN通过智能技术生成

倒计时

wxml

<view class='tui-countdown-content font10pt' wx:for="{
   {countDownList}}" wx:key="countDownList">
    <text class='tui-conutdown-box'>{
   {
   item.day}}</text>天
    <text class='tui-conutdown-box'>{
   {
   item.hou}}</text>时
    <text class='tui-conutdown-box'>{
   {
   item.min}}</text>分
    <text class='tui-conutdown-box tui-countdown-bg'>{
   {
   item.sec}}</text>秒
  </view>