数据来源是动态获取的,也可以写成固定值 <divclass="display-4 d-inline-block digital-flop"><vue3CountTo:endVal="item.number"/></div> 效果实现了, 但不太完美,因为这个模块比较靠下,等页面滚动到这里时,数字滚动动画已经结束了。再进一步,希望这部分内容进入浏览器可视区域后,再播放
npm安装 $ npm install e-datav-vue3 使用 importVuefrom'vue'importEDataVfrom'e-datav-vue3'// 全局全部组件注册Vue.use(EDataV)// 按需引入,全局注册import{EDigitalFlop}from'e-datav-vue3'Vue.use(EDigitalFlop)// 单组件内按需引入import{EDigitalFlop}from'e-datav-vue3'; UMD版 <e-full-screen...
state.renderer = new CRender(digitalFlop.value) } function mergeConfig() { state.mergedConfig = deepMerge(deepClone(state.defaultConfig, true), props.config || {}) } function initGraph() { const shape = getShape() const style = getStyle() state.graph = state.renderer.add({ name: 'numbe...