Axure RP 案例(淘宝搜索框)

  1. 拖入矩形1,设置文本为宝贝,设置圆角半径为10,取消左下和右下方的圆角半径,设置字体为红色,取消矩形边框。在这里插入图片描述
    在这里插入图片描述
  2. 设置选中样式字体颜色为白色、填充颜色为橘色。
    在这里插入图片描述
  3. 添加鼠标单击时事件,单击时标记当前元件为选中状态。在这里插入图片描述
  4. 复制矩形,修改文本为天猫和店铺。在这里插入图片描述
  5. 默认将宝贝设置为选中状态。在这里插入图片描述
  6. 选中所有矩形,设置选项组名称。在这里插入图片描述
  7. 选项卡效果如图在这里插入图片描述
  8. 拖入一个白色矩形,设置圆角半径,设置边框线宽。在这里插入图片描述
  9. 在矩形上拖入一个文本框,取消边框,设置提示文字。在这里插入图片描述
    注意:提示文字中的放大镜是字体而不是图片。
    在这里插入图片描述
  10. 添加一个文本标签,并设置文本内容为相机。在这里插入图片描述
  11. 复制上方的圆角矩形,取消左边的圆角并取消左边的边框,设置填充色为渐变的橘红色,字体颜色为白色。在这里插入图片描述
    在这里插入图片描述在这里插入图片描述
  12. 将制作出的搜索放到搜索框的右边。在这里插入图片描述
  13. 示例效果。在这里插入图片描述
©️2020 CSDN 皮肤主题: Age of Ai 设计师: meimeiellie 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值