探索、思考、创造、分享

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

当前位置：首页 > 小程序资讯 >
微信小程序实现流程进度的图样式功能 | 一个
来源：南京小程序开发 发布日期：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-15
    杭州招聘前端开发（vue/移动端/APP
    前端开发（vue/移动端/APP、H5、微信小程序） 职位要求 1、负责APP、H5、微信小程序相关...
    2023-08-26
    基于51单片机的家用温湿度语音播报系统设计毕业设计论文.pdf
    毕业设计（论文） 题目：基于 51 单片机的家用温湿度语音播报系统设计 毕业设计（论文）原创性声明和...
    2023-08-18
    十大Java编程工具
    以下是大多数 Java 程序员在日常生活中使用的 10 种最常见的Java开发工具。如果您正在使用 ...
    2023-08-15
    h5跳转微信小程序主要有以下几种方法：
    嘿嘿，我发现了一个引流神器，可以通过投放页、H5页面、直播、小黄车、评论等方式来完成私域引流。特别是...
    2023-09-02
    麻将游戏小程序开发
    手机麻将小程序开发商挣什么钱 道具的钱。手段樱机麻将小程序使用起 来比较方改举便，不需要加载， 游戏...
    友情链接：深圳小程序开发 南京小程序开发 南京网站建设