Axure中继器模仿淘宝商城列表

我只是一个虾纸丫 提交于 2020-03-27 10:12:14

7/21

今天是利用中继器模仿淘宝商城列表:http://xv1q4q.axshare.com/

理想效果如图:

设置好中继器格式后输入数据,得到原型。

实现效果:1、鼠标移动至商品区域时有橙色边框;2、鼠标移动至图片时滑出“找相似”功能;3、鼠标移动到商品名称和店家名称时变橙色;4、鼠标放置在点名前图标时,显示店家在同行的纵向对比信息;5、图片、商品名称、店家名称、淘小二图标均设置了链接。

最终效果:

短动图演示:

 

7/22

今天主要是筛选和分页:http://l3cvbk.axshare.com/#g=1&p=index

实现效果:品牌筛选、可选每页显示商品数目、可按照价格或销量排序、实现根据页码是否为第一页或最后一页的相关禁用、实现筛选面板的滑动和隐藏、利用全局变量找出商品所有的品牌且重复的只显示一箱(作为筛选)、利用编号实现天猫、运货险、指定配送三图标的显示和隐藏。

遇到的问题:由于价格超过1000时,包邮图标会遮盖小数部分,所以我设置了判定当价格大于1000时移动包邮图标,在Axure界面能解决该问题,但生成原型后这一步骤没有执行(应该是bug...)

 

 如有侵权请联系本人及时删除。

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!