效果图:

image.png

然后添加一步后:

image.png

css

.tl-steps{

display: flex;

justify-content: center;

align-items: center;

}

.tl-dot{

width: 30rpx;

height: 30rpx;

border-radius: 50%;

}

.tl-line{

width: 250rpx;

border: 1px solid #CCCCCC;

}

.tl-line-green{

width: 250rpx;

border: 1px solid #4DB046;

}

.tl-green{

background: #4DB046 !important;

}

.tl-gray{

background: #DCDCDC;;

}

html

js

data(){

return(

show1: true,//第1步

show2: false,//第2步

lineShow: false,

show3: false,//第3步

)

}

隐私、权限声明

本插件需要申请的系统权限列表:

本插件采集的数据、发送的服务器地址、以及数据用途说明:

本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

隐私、权限声明

本插件需要申请的系统权限列表:

本插件采集的数据、发送的服务器地址、以及数据用途说明:

本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

隐私、权限声明

本插件需要申请的系统权限列表:

本插件采集的数据、发送的服务器地址、以及数据用途说明:

本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

隐私、权限声明

本插件需要申请的系统权限列表:

本插件采集的数据、发送的服务器地址、以及数据用途说明:

本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

uniapp手写_uniapp 手写 Steps 步骤条相关推荐

  1. vue、Steps 步骤条、Steps 属性、vue Steps 所有步骤条样式、vue Steps 步骤条全部属性

    vue.Steps 步骤条.Steps 属性.vue Steps 所有步骤条样式.vue Steps 步骤条全部属性 设计规则 何时使用 代码演示 1.基本用法 2.迷你版 3.带图标的步骤条 4.步 ...

  2. steps 步骤条中插入自定义描述description

    在vue框架中使用element的el-steps步骤条标签,想达到如下图结果: 因为后台就一条数据所以目前图片就展示一条缴费记录 代码html部分 <el-steps :active=&quo ...

  3. steps步骤条+上一步+下一步

    步骤条在第一步提现申请的时候,只显示下一步.在第二步提现确认的时候,显示上一步和下一步.第三步完成提现的时候显示确认按钮. <span :class="{active:prevStep ...

  4. Element UI中Steps 步骤条description描述换行展示

    突然要求加了个显示字段,之前的代码只能显示一行,于是乎找到了解决办法,代码如下:其中的属性自行到官网查看释义吧:Element UI官网传送门 <el-table><!-- 可展开的 ...

  5. ¶Steps 步骤条更改线条,字体,头部样式

  6. uniapp 电商app 步骤条功能的使用

    步骤条功能 原型图如下图所示: dcloud插件市场中是有现成的组件的: steps步骤条插件地址:https://ext.dcloud.net.cn/plugin?id=34 使用方法 script ...

  7. 038_Steps步骤条

    1. Steps步骤条 1.1. Steps步骤条引导用户按照流程完成任务的分步导航条, 可根据实际应用场景设定步骤, 步骤不得少于2步. 1.2. Steps Attributes 参数 说明 类型 ...

  8. uniapp使用canvas完成手写电子签名

    uniapp使用canvas完成手写电子签名 效果 <template><view ><canvas class="mycanvas" canvas- ...

  9. 手写JDBC的几个步骤(针对MySQL8.0以上的mysql数据库)

    手写JDBC的几个步骤 编者:顾念 使用的MySQL版本:8.0.19: 序言 因为数据库厂商有很多种,为了能够统一让java程序员使用更方便,sun公司编写了一套JDBC接口用于连接数据库.但是只有 ...

  10. 【用MFC写串口调试助手】

    用MFC写串口调试助手 界面设计 各控件说明 串口控件的插入 程序设计 初始化函数添加 串口检测按钮相关函数 打开按钮相关函数 发送数据按钮相关函数 点选定时发送复选框 点选HEX发送复选框相关函数 ...

最新文章

  1. 谈谈设计不足(under-engineering)与过度设计(over-engineering)
  2. 认识OSSIM中的UUID
  3. linux给普通用户分配root权限
  4. 2013 多校联合4 1011 Fliping game (hdu 4642)
  5. java 电子商务云平台b2b b2c o2o springmvc+mybatis+spring cloud+spring boot
  6. postman websocket_新型开源postwoman接口调试工具VS传统经典postman和crapAPI工具
  7. HTML 基础语言
  8. android学习笔记---38_采用广播接收者拦截外拔电话,实现原理以及实例源码
  9. 工作中遇到很让人头疼的上司怎么办?
  10. php 日期相减 时分秒,PHP计算两个时间戳间隔的日时分秒的代码实例
  11. 区分execl与system——应用程序中执行命令
  12. 基本数据类型及其对应的包装类
  13. css中正确设置微软雅黑字体
  14. JAVA优秀开源框架收集
  15. nmap扫描服务器端口不稳定,nmap端口扫描问题
  16. 8款逆天的在线实用工具
  17. 基于STM32的MLX90614人体红外测温枪
  18. 虾皮运营技巧-虾皮台湾站四点攻略
  19. Python分支+简单循环
  20. noip赛后【微笑】

热门文章

  1. android之仿朋友圈程序,Android仿微信朋友圈添加图片的实例代码
  2. oracle 临时表空间的作用和创建以及相关操作
  3. 通达信l2高级行情服务器地址配置文件,疯赢版通达信更好用——开通level2行情,添加龙虎榜数据...
  4. 自抗扰控制(ADRC)—— 一阶系统
  5. C++:单例模式——线程安全模式、饥汉模式、懒汉模式
  6. Redis过期策略及内存淘汰机制
  7. 数组转为集合的方法解析
  8. matlab如何设全局变量,请问MATLAB中如何修改全局变量
  9. 操作系统--进程和线程
  10. camera中文版软件 ip_摄像头监控软件|IP Camera Viewer V 3.0.4.0 官方版-完美软件下载...