这篇博客介绍如何在不使用canvas的情况下，利用wxml和wxss在小程序中创建圆形进度条。作者指出，使用canvas可能会导致层级问题，影响手机端上拉操作。为解决此问题，作者封装了一个自定义组件，详细展示了组件的wxml、json、wxss和js代码，并提供了在index页面中使用该组件的方法和参数说明。
做一个这样的圆形进度条，不用canvas，当然值是可控的。
为什么要用wxml+wxss描绘？
其实canvas也可以。并且主流就是用canvas画，但是canvas画会有一个问题，在手机app中canvas的层级是最高的。
在这个项目中，有个可以上拉的记录，如果用canvas画进度条，那么在手机端时，这个上拉框拉到进度条的高度时，进度条会浮在上拉框的上面。
其实本来上拉框用cover-view就可以解决这个问题，但是因为这个上拉框需要上下移动所以用了movable-area和movable-view组件，再用cover-view会有其他bugÿ
1107
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
最低0.47元/天 解锁文章
