探索、思考、创造、分享

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

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

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

 

需求：

  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-29
    为什么我打开OPPO手机开发者选项上面一直显示工程师开发使用中，点击可关闭。怎么办(2021年最新)
    关于我打开OPPO手机开发者选项上面一直显示工程师开发使用中点击可关闭流程、vivo手机开了开发者模···
    2023-09-21
    【微信小程序】关于微信小程序获取手机号的问题
    从基础库 2.21.2 开始，微信小程序对获取手机号的接口进行了安全升级，详情见官方获取手机号文档 ···
    2023-08-13
    淘宝京东店，和自建商城小程序app到底有什么区别？
    各位老板注意啦，电商下半场已经开始了，短视频电商，社交电商……新的玩法越来越多，你准备好了吗？ 什么···
    2023-08-28
    小程序帐号如何绑定微信支付商户号？
    一、功能介绍申请小程序支付时，需要小程序与微信商户号进行关联绑定，已有商户号的开发者可以绑定已有微信···
    2023-08-24
    微信小程序软件设计
    微信小程序毕业设计任务书去百度文库，查看完整内容> 内容来自用户:许成文 仲恺农业工程学院毕业360···
    友情链接： 南京网站建设 南京小程序开发 北京网站建设 网站仿制 深圳小程序开发