taro-ui-vue3/lib/countdown/item/index.js

Taro UI Rewritten in Vue 3.0

import {h, defineComponent} from "vue";
import {Text, View} from "@tarojs/components";
const AtCountdownItem = defineComponent({
  name: "AtCountdownItem",
  props: {
    num: {
      type: Number,
      default: 0
    },
    separator: {
      type: String,
      default: ":"
    }
  },
  setup(props) {
    function formatNum(num) {
      return num <= 9 ? `0${num}` : `${num}`;
    }
    return () => h(View, {
      class: "at-countdown__item"
    }, {
      default: () => [
        h(View, {
          class: "at-countdown__time-box"
        }, {
          default: () => [
            h(Text, {
              class: "at-countdown__time"
            }, {default: () => formatNum(props.num)})
          ]
        }),
        h(Text, {
          class: "at-countdown__separator"
        }, {default: () => props.separator})
      ]
    });
  }
});
var item_default = AtCountdownItem;
export {
  item_default as default
};