简易axure设计原型流程

我们这里做的是移动端的项目,基于提供的参考视频,截图了app的图片,作为实现原型时候的背景图。

原来实现的移动端的项目是基于vant开发的,因而下载了vant的元件库。参考地址:

Vant 4 - A lightweight, customizable Vue UI library for mobile web apps.

需求中需要用到 图标,参考:

Axure学与练:使用图标 - 知乎

我是访问了iconfont的网址在vant的图标库里面复制图标到axure

另外需要注意到的一点就是,使用vant的搜索框原件的话,对于清空按钮鼠标单击是无法触发清空文本框的,应该使用鼠标按下事件触发清空文本框

另外注意复制动态面板时如果当前是在页面里面选中动态面板的话是复制不到理想的state下面的,需要进入到动态面板下面的state中选中指定的动态面板来复制

在实践中使用了vant的列表原件来实现企业列表下的状态。

使用了vant下表单中的选择器来实现带关联关系的选择器的展示。

使用的方法是另外开始一个anxre软件打开vant原型库 Vant元件库.rp文件,再指定的页面找到需要用到的部分复制,因为这样取用的已经添加上了一些事件和流程可以较好的提升我们实现页面的速度。

实现效果: 

                                    

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值