一些数据展示的基础组件,如时间天气组件、循环
list
一些数据展示的基础组件,如时间天气组件、循环列表、进度条、饼状图等
相关Demo
http://duhoo.cn:3000/BaseComp
打开示例程序
+ git clone 'https://github.com/dujuann/list.git'
+ npm install
+ npm run dev
在浏览器打开:http://localhost:8080
使用举例import CircleBar from '../src/circleBar'; //引入环形进度条组件 let circle=new CircleBar({ //初始化环形进度条组件 listId:'circleBar', //指定传入该组件的元素ID centerText:"当前速度", //指定中心文字内容 centerValue:12, //指定中心数据内容 maxValue:30, //指定中心数据的最大值 color:['#4BD2DE',"#4E9AE6"], //指定进度条渐变的两种颜色 }) setInterval(()=>{ let option={}; option.centerValue=Math.floor((30*Math.random())); circle.updateData(option); //更新数据 },1500)
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。