...
...
思路 使用2个canvas 一个是背景圆环,一个是彩色圆环。 使用setInterval 让彩色圆环逐步绘制。 在看我的文章前,必须先看 ,下面转的文章,因为本文是在它们基础上修改的. 它们的缺点为: 1.组件必须用js实例化 (如果我有一个任务列表,后面会显示 ...
progress进度条组件说明: 进度条,就是表示事情当前完成到什么地步了,可以让用户视觉上感知事情的执行。progress进度条是微信小程序的组件,和HTML5的进度条progress类似。 progress进度条组件示例代码运行效果如下: 下面是WXML代码 ...
很简单的一个音乐播放器 data:{ src: 'http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=fffffff ...
微信小程序动画之圆形进度条 上图: js: wxml: wxss: ...
js var app = getApp()Page({ data: { num:8,//这是当前有几个人 jindutiao: [ //这个是进度条的标准,刻度 { num:3, price:'999' }, { num: 5, price: '799 ...
微信小程序progress进度条内部圆角及渐变色 设置progress CSS: 效果: ...
.sec-wrap { width: 100%; ">; height: 180rpx; margin-bottom: ...