开发工具:
文件大小: 56kb
下载次数: 0
上传时间: 2021-01-03
详细说明：最近正在做微信小程序，需要实现一个流程进度的图样式如下面
需求：
没完成的灰色小圆点表示
完成的使用蓝色小圆点设置
当前状态使用有外圈的小圆点表示
实现起来比较简单，实现思路，使用一个列表实现，列表中的每一个item的样式如下图
使用win10画板画的不好看
图上的意思就是每个item 前面有一段线条 中间是个圆圈然后后面有一段线条。之所以这样是因为下面的文字需要居中显示在圆圈的下面。如果不需要文字的话可以一个圆圈后面跟一条直线会更简单一点。
按照上面的图片，html布局为下面
