探索、思考、创造、分享

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

当前位置：首页>小程序资讯
微信小程序实现流程进度的图样式功能 | 一个
来源：南京小程序开发 发布时间：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-09-07
    老年人怎样提高记忆力 老年人提高忆力的方法有哪些
    1、老年人增强记忆力的方法有很多，包括稳定情绪、适当调节大脑功能、避免损害大脑神经、保持生活有规律。···
    2023-09-20
    怎么制作一款微信小程序
    怎样制作一个微信小程序1、先注册一个微信小程序，在微信公众平台就能轻松完成注册。2、完成小程序注册后···
    2023-08-08
    如何快速推广小程序码
    如何推广小程序二维码？个人的微信小程序来自，是可以使用二维码进行推广的，微信小程序有参数二维码，pa···
    2023-09-13
    微信小程序|考试系统|基于微信小程序和SpringBoot+VUE的智能在线考试系统毕业设计
    作者主页：编程千纸鹤 作者简介：Java、前端、Python开发多年，做过高程，项目经理，架构师 ···
    2023-09-19
    小程序如何预约餐饮时间（预约就餐的微信小程序）
    本文目录一览：微信预约小程序怎么做第一步，在微信公众平台里，点击右上角的“立即注册”，进入公众权限申···
    友情链接： 南京网站建设 南京小程序开发 北京网站建设 网站仿制 深圳小程序开发