当前位置:   article > 正文

jiaminghi/data-view是什么?(DataV,dv大屏数据可视化开源组件库)

data-view

简述:相信大家在平时工作中,难免会遇到开发大屏的需求,页面中有很多比较炫酷的CSS效果。这里给大家推荐一款大屏数据展示组件库,里面有各种边框、装饰、图标、飞线图、水位图、轮播表等等,支持vue和react,有很多炫酷效果,下面给大家介绍一下;

具体使用方法:

1、安装

  1. //npm安装
  2. npm install @jiaminghi/data-view
  3. //yarn安装
  4. yarn add @jiaminghi/data-view

2、引入

  1. //全局引入组件
  2. import dataV from '@jiaminghi/data-view'
  3. Vue.use(dataV)
  4. //按需引入组件
  5. import { borderBox1 } from '@jiaminghi/data-view'
  6. Vue.use(borderBox1)

3、使用(直接复制标签使用);

 4、下面这款Vue的开源大屏就有不少样式使用的就是,DataV,仅供参考;

 该项目开源地址:

Vue大屏icon-default.png?t=N7T8https://gitee.com/MTrun/big-screen-vue-datav#https://gitee.com/MTrun/go-view

更多炫酷效果,详见DataV官网:

 DataV官网icon-default.png?t=N7T8http://datav.jiaminghi.com/guide/

感觉有用,就一键三连,感谢(●'◡'●)

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/weixin_40725706/article/detail/107362
推荐阅读
相关标签
  

闽ICP备14008679号