Axure--中继器:制作产品列表之排序(2)

效果:

Axure--中继器:制作产品列表之排序(2)

元件准备:

矩形框一个、文本框2个、动态面板一个

Axure--中继器:制作产品列表之排序(2)Axure--中继器:制作产品列表之排序(2)

Axure--中继器:制作产品列表之排序(2)

效果:

Axure--中继器:制作产品列表之排序(2)Axure--中继器:制作产品列表之排序(2)


编辑动态面板:

里面2个文本标签:价格从高到低、价格从低到高

为价格从高到低设置【鼠标悬停】,设置字体颜色为桃红色

Axure--中继器:制作产品列表之排序(2)

设置【鼠标单击】,添加case1,选择中继器【添加排序】,选择需要排序的字段,此时为price字段

Axure--中继器:制作产品列表之排序(2)

设置【显示隐藏】的隐藏,选中动态面板隐藏

Axure--中继器:制作产品列表之排序(2)


Axure--中继器:制作产品列表之排序(2)

Axure--中继器:制作产品列表之排序(2)