vant 实现的步骤条

最新推荐文章于 2024-04-18 09:16:26 发布

LHC087

最新推荐文章于 2024-04-18 09:16:26 发布

阅读量2.1k

点赞数

文章标签： css css3 前端

本文链接：https://blog.csdn.net/weixin_43829905/article/details/122125066

版权

本文展示了如何利用Vant UI库实现一个功能完善的步骤条组件，通过CSS和CSS3技术进行样式定制，适合前端开发者学习和参考。

摘要由CSDN通过智能技术生成

效果图：
在这里插入图片描述

上代码：

 <div class="group-div-active">
        <div class="item-group item-group-1">
          <div class="icon-div">
            <van-icon class="iconfont icon-wancheng" size="30" />
            <van-progress
              class="progress-div width-50 fri"
              :percentage="100"
              :show-pivot="false"
              color="#FFF"
              track-color="#3D66DA"
            />
          </div>
          <div class="group-text">