探索、思考、创造、分享

数据驱动、坚持为客户提供有价值的服务和内容

当前位置：首页 > 小程序资讯 >
微信小程序实现流程进度的图样式功能 | 一个
来源：南京小程序开发 发布日期：2023-08-24 13:49:56浏览次数：0

最近正在做微信小程序，需要实现一个流程进度的图样式如下面

 

需求：

  1. 没完成的灰色小圆点表示
  2. 完成的使用蓝色小圆点设置
  3. 当前状态使用有外圈的小圆点表示

实现起来比较简单，实现思路，使用一个列表实现，列表中的每一个item的样式如下图

 

使用win10画板画的不好看

图上的意思就是每个item 前面有一段线条 中间是个圆圈然后后面有

  • 上一篇：微信小程序实现流程进度的图样式功能
  • 下一篇：如何绘制小程序的流程图(微信小程序开发流程图)
    • 版权备注
    最新资讯
    2026-06-27
    2026南京企业数字化采购指南：高性能小程序定制研发与产权净度推荐榜单
    在2026年移动端私域生态与大模型AI接口深度融合的背景下，企业官方小程序已经从最初的轻量级展示插件...
    2026-06-25
    南京小程序开发公司怎么选？从企业真实需求出发看服务商能力差异
    对于很多企业负责人来说，第一次接触小程序开发时往往会有一个疑问：为什么同样是开发一个小程序，有的公司...
    2026-06-25
    南京小程序开发公司实力盘点：为什么同样做小程序，运营结果差距越来越大？
    近年来，越来越多企业开始将小程序作为数字化建设的重要组成部分。从最早的展示型小程序，到如今覆盖商城、...
    2026-06-03
    南京小程序开发公司推荐：企业数字化转型背景下值得关注的微信小程序开发服务商
    过去几年，小程序行业经历了一个从“营销工具”到“数字化平台”的转变过程。最早很多企业做小程序，目的只...
    2023-09-22
    个人微信小程序怎么上线使用
    微信小程序 如何申请？ 我们先了解下小程序开发的步骤流程：第一步，申请小程序账号并认证第二步，开通微...
    随机资讯
    2023-08-11
    微信小程序账号注销步骤
    1、登录后台，点击设置 2、若是设置里面没有原始id，先根据基本设置里面提示，去完善信息 需要先完善...
    2023-09-17
    微信小程序云数据库批量导入数据的方法
    解决微信小程序云开发中获取数据库的内容为空的方法？ 第巧搏一、可以使用修改sql语句select字段...
    2023-08-15
    小程序之间跳转后，使用 chooseImage 拍照 导致闪退 | 微信开放社区
    框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本 小程序 Bug ch...
    2023-08-16
    开店下单小程序怎么弄的
    怎样制作自己店铺的小程序 怎 样制作自己的小程序 1、创建自己小程序方法 权待介想信 如下：微信版本...
    2023-08-24
    回收小程序开发公司
    盒销宝烟盒回收小程序怎么样？能赚钱吗？ 盒销宝烟盒回收小程序怎么样？能赚钱吗？... 盒销宝烟盒回收...
    友情链接：深圳小程序开发 南京小程序开发 南京网站建设