探索、思考、创造、分享

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

当前位置：首页>小程序资讯
微信小程序实现流程进度的图样式功能
来源：南京小程序开发 发布时间：2023-09-21点击：114

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

 

需求：

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

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

 

使用win10画板画的不好看

图上的意思就是每个item 前面有一段线

  • 上一篇：微信小程序进度条样式
  • 下一篇：微信小程序流程进度的图样式功能实现方法
    • 版权备注
    最新资讯
    2023-09-22
    个人微信小程序怎么上线使用
    微信小程序 如何申请？我们先了解下小程序开发的步骤流程：第一步，申请小程序账号并认证第二步，开通微信···
    2023-09-22
    电脑登陆微信小程序打不开已经是最新版本
    mac版微信小程序工具打不开微信缓存太多。手机缓存就是数据交换的缓冲区。手机缓存可通过手机管家进行清···
    2023-09-22
    小程序内容怎么打印
    老师在微信发来孩子作业，用打印机怎么操作才可以打印出来？Ⅴ信发来的文档、作业，不是看打印机怎么操作才···
    2023-09-22
    微信电脑版打开小程序黑屏怎么办
    微信电脑客户端打开后黑屏不能动把它卸载了，然后用你的优化软件清理下系统缓存垃圾、注册列表，然后去官网···
    2023-09-22
    微信小程序手机号快速验证组件升级，8 月 26 日起向开发者收费，这一组件能给用户使用带来哪些便利？
    在这里插入图片描述收费说明付费使用在这里插入图片描述手机号快速验证组件
    随机资讯
    2023-08-28
    有发快递物流优惠活动多的小程序吗？发物流5折起，这个平台火了
    网络经济的高速发展，让人们的生活逐渐的从线下实体店铺销售走到了线上网络销售模式。这种方式为人们的生活···
    2023-09-04
    微信小程序的分销佣金怎么设置
    微信小程序分销在如今已经变成了商家推广的新风尚，那么微信小程序的分销佣金怎么设置？接下来跟小程序小编···
    2023-08-27
    【重点突破】—— UniApp 微信小程序开发官网学习Two
    一、使用Vue.js注意事项Vue.js在uni-app中使用的差异：新增：uni-app除了支持V···
    2023-09-05
    微信小程序冒险大作战礼包码 全网亲测有效兑换码合集
    很多玩家在游玩冒险大作战的时候都不清楚，这款游戏的福利资源是很多的，而且很多玩家都领取了这些福利资源···
    2023-08-08
    硬件产品开发流程 | 硬件工程师炼成之路
    硬件产品开发流程主要分成5个部分：         1、项目需求分析         2、方案设计（···
    友情链接： 南京网站建设 南京小程序开发 深圳小程序开发