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

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...）

 

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

转载于:https://www.cnblogs.com/24bridge/p/7218363.html