ft-component-set v1.0.2

Reference method

// Mode 1: Global Import
import ftComponentSet from 'ft-component-set'; // 引入的组件
import 'ft-component-set/style.css'; // 引入组件样式

const app = createApp(App);

app.use(ftComponentSet).mount('#app');

...

<countTo :endVal="2022"></countTo>
<pageQuery :total="10"></pageQuery>
<ftVideo :data="{}" :controls="false" muted></ftVideo>

<template>
  <countTo :startVal="0" :endVal="2022" :duration="3000"></countTo>
  <pageQuery :total="10"></pageQuery>
  <ftVideo :data="videoData" :controls="false" muted></ftVideo>
</template>
<script setup>
  // Mode 2: On Demand Import
  import { countTo, pageQuery, ftVideo } from 'ft-component-set';
  import 'ft-component-set/style.css';

  const videoData =  {
    url: 'http://219.151.31.38/liveplay-kk.rtxapp.com/live/program/live/hnwshd/4000000/mnf.m3u8',
    name: 'test'
  }
</script>

Options : ft-video

Options : page-query

Options ： count-to

notes: when autoplay:true , it will auto start when startVal or endVal change

Functions ： count-to