axure案例演示2

第一步：展示数据

1. 拖入一个中继器，双击中继器进入编辑页面，拖入一个image，删除原来的空白方格，再拖入五个矩形，分别命名为“标签”，“品牌”，“地区”，“时间”“价格”，可以适当调整组件的位置和大小。

2. 退出编辑页面，点击中继器添加数据
   

3. 为中继器添加交互样式，显示数据

第二步：分页

1. 换页显示
   

2. 翻页。添加三个按钮，分别用于上一页、下一页，以及显示页码。为“上一页”、“下一页”添加点击时的交互样式
   
   

点击中继器为“页码”添加如下操作

第三步：筛选

添加按钮命名为“手机”，为按钮添加点击时的交互用例

注意remove other filters可以用在多重筛选

第四步：排序

1. 添加两个按钮分别命名为“时间”、“价格”
2. 分别添加点击时交互
   
   

第五步：搜索

添加一个输入框作为搜索框，命名为搜索。为模糊搜索

添加交互，如果不为空，则筛选

如果为空则移除筛选