当前位置： 首页 > 资讯

微信小程序流程进度的图样式功能实现方法

发布日期： 2018-01-17 阅读量： 作者： 网络

在做微信开发的时候我们会遇到各种功能，本文就和大家分享要实现一个流程进度的图样式的方法。

这里写图片描述

需求：

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

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

这里写图片描述

使用win10画板画的不好看

图上的意思就是每个item 前面有一段线条中间是个圆圈然后后面有一段线条。之所以这样是因为下面的文字需要居中显示在圆圈的下面。如果不需要文字的话可以一个圆圈后面跟一条直线会更简单一点。

按照上面的图片，html布局为下面

 <view>
  <view>
  <view>
   <view></view>
   <image></image>
   <view></view>
  </view>
  <text>{{item.name}}</text>
  </view>
 </view>

# 小程序 # 功能 # 样式

相关文章：弹窗广告非常烦？教你4种快速关闭弹窗广告的方法！企业网络推广该怎么做？首先需要做好这四点！企业品牌推广方案怎么做？广告联盟怎么接单赚钱？cpa单子、cpc单子、cps单子哪个更赚钱？提高app产品转化的四个重要方法策略，建议收藏！三种可以利用广告联盟来赚钱的方法，你知道吗？假期想赚点钱？推荐8个正规且不收费的网络兼职项目网站推广该怎么做？适合网站运营新手的10种网站推广方法！蜜秀直播主播任你撩，让你的生活不再孤独寂寞！ CPA网赚是什么？关于cpa赚钱你不得不知的几个问题！一位日赚1000+的cpa大神的实操经验分享！淘宝开店品牌如何填写？怎么注册？淘宝联盟活动怎么取消？推广注意什么？ cpa引流技巧之怎么利用qq引流大量的男粉流量！简单介绍产品运营流程网站投放广告赚钱该怎么做？做的好的收益惊人！新手们不知道的关于流量联盟的哪些潜规则和规矩! 想要做好广告联盟赚钱，必须要注意这8个细节！新手如何通过在日付广告联盟上做cpa推广赚钱？联盟营销是什么意思？最早的联盟营销平台是哪个你知道吗？轻松月入上万的app推广赚钱项目玩法分享！ app推广软文主要有哪些类型，应该怎么写？教你如何从seo优化的角度提升网站流量，值得借鉴！网站推广如何引领用户走向坚定与狂热加入广告联盟营销有什么好处？联盟营销有哪些优势？想在cpa广告联盟上接单赚钱，这些qq引流技巧你必须掌握！淘宝店铺如何推广获得流量？推广有何技巧？站长联盟的盈利模式都有哪些？个人网站赚钱的三大方法！【cpa联盟基础】制作cpa静默包推广赚钱是什么意思？如何实现没本钱在手机一天赚500的目标呢？这里有5个思路和方法！

相关栏目：【 SEO优化45326 】【技术教程24582 】【 IDC资讯40819 】【网络快讯31701 】【 SEO推广17678 】

上一篇: 如何用js增删查改数据

下一篇: js字符串如何查重

4007654355
915688610@qq.com
深圳市南山区粤海街道高新区社区高新南七道011号高新工业村T3栋

APP开发

小程序开发

物联网开发

系统开发