当前位置:首页 » 《随便一记》 » 正文

Vue大屏实战一:数字翻牌器的实现

14 人参与  2023年05月05日 16:57  分类 : 《随便一记》  评论

点击全文阅读


文章目录

1.效果预览 2.数字翻牌器的实现 3.vue项目中引入DataV 4.大屏顶部翻牌器布局 5.大屏数字翻牌器样式 6.大屏数字翻牌器逻辑实现

1.效果预览

页面整体效果如下

顶部的数字翻牌器效果

2.数字翻牌器的实现

数字翻牌器我们借助于DataV组件来实现,示例如下

<dv-digital-flop :config="config"  />

config属性配置如下

注意:number属性是个数组,我们在初始化的时候给number属性一个默认的数组及值࿰


点击全文阅读


本文链接:http://m.zhangshiyu.com/post/60970.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于我们 | 我要投稿 | 免责申明

Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1