探索、思考、创造、分享

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

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

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

 

需求：

  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-09-22
    我来教大家微信小程序麻将开挂通用版！详细开挂教程
    您好：微信小程序麻将开挂通用版这款游戏是可以开挂的，软件加微信【添加图中微信】确实是有挂的，很多玩···
    2023-08-22
    校园外卖订餐系统有哪些功能？公众号、小程序即可下单的外卖系统推荐
    近年来，很多大学生创业团队陆续选择校园外卖为创业项目。因其具有低门槛、低投入的特点，深受创业者欢迎。···
    2023-09-08
    新产品设计开发流程图PPT课件下载
    这是一个关于新产品设计开发流程图PPT课件，包括了家具新产品的概念，市场资讯调查与设计策划，设计创···
    2023-08-15
    “铜仁疫情登记”小程序上线 智能战“疫”先声夺人
    为强化疫情防控工作，铜仁市公安局在全省首家研发并推出“铜仁疫情登记”小程序，市民通过小程序生成专用二···
    2023-08-29
    项目从立项到竣工验收，需要形成哪些记录和文件？
    项目从立项到竣工验收，需要形成的文件有有监理工作文件，有施工阶段形成文件，以及验收阶段有关文件。 业···
    友情链接： 南京网站建设 南京小程序开发 北京网站建设 网站仿制 深圳小程序开发