首先看一下完整的效果图
屏幕快照 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
“价格从高到低”一样的设置。
