首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Axure RP9 商品列表排序

Axure RP9 商品列表排序

作者头像
赵哥窟
发布2019-06-15 14:26:02
8640
发布2019-06-15 14:26:02
举报
文章被收录于专栏:日常技术分享日常技术分享

首先看一下完整的效果图

屏幕快照 2019-06-11 17.33.25.png

布局:[流行][上新]:文本标签、[价格从低到高]:动态面板、[商品列表]:中继器 添加商品模板

屏幕快照 2019-06-11 17.39.46.png

为中继器添加数据

屏幕快照 2019-06-11 17.40.46.png

设置间距和布局

屏幕快照 2019-06-11 17.41.28.png

为【价格排序】按钮的【鼠标移入时】设置【显示】动态面板“SortPanel”,在设置【更多选项】中选择【弹出效果】。设置为“弹出效果”后,显示出来的动态面板就会在鼠标移出时自动隐藏。

屏幕快照 2019-06-11 17.45.13.png

"价格从低到高"/"价格从高到低"设置【鼠标悬停】的交互式样,文字原色为粉色

屏幕快照 2019-06-11 17.47.04.png

双击动态面板“SortPanel”,为排序选项“价格从低到高”的【鼠标单击时】设置【添加排序】到中继器GoodsList,排序名称为“GoodsPrice”,排序类型为“Number”,排序顺序选择【升序】。

屏幕快照 2019-06-11 17.49.03.png

“价格从高到低”一样的设置。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019.06.11 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档