Axure RP 案例(步骤)

Spring Boot入门教程精讲
Spring Boot 入门教程,几乎囊括了工作中所有实用技术。
vbirdbest

本案例是模仿CSDN提现步骤。完成的步骤圆形边框为绿色圆形内容为绿色对号,对号字体为Fontawesome完成步骤的后面的水平线为绿色,下一个步骤的圆形为黑色,后面的其它步骤均为浅灰色。
在这里插入图片描述


  1. 拖入1个圆形,宽高为20、设置边框宽度、设置边框颜色为浅灰色。在这里插入图片描述
  2. 在灰色圆形下拖入一个文本标签,设置字体颜色为灰色,文本和圆形左右居中对齐。在这里插入图片描述
  3. 复制圆形和文本,先选中4个圆形进行水平分布,然后对每个步骤进行左右居中对齐使得文本和圆心对齐。在这里插入图片描述
  4. 分别为圆形填充数字,并拖入3条水平分割线,设置分割线线宽和颜色,并将分割线至于底部。注意文中的对号是字体Fontawesome(需要独立安装)。在这里插入图片描述
  5. 选中所有元件转为动态面板,进入步骤1,设置步骤1对应的状态。在这里插入图片描述
  6. 复制步骤1命名为步骤2。在这里插入图片描述
  7. 复制步骤2命名为步骤3。在这里插入图片描述
  8. 复制步骤3命名为步骤4。在这里插入图片描述
  9. 添加一个下一步按钮,并为按钮添加单击事件切换到下一个状态即可。在这里插入图片描述
    在这里插入图片描述

在这里插入图片描述

©️2020 CSDN 皮肤主题: Age of Ai 设计师: meimeiellie 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值