1.首先观察接口文档
我们先给order设置一个默认属性
2.
我们对综合和价格分别是否为活跃状态,看上面的接口文档可以知道当为1的时候综合按钮状态为活跃,为2的时候则是价格
3.完成活跃状态的判断之后,我们来处理综合和价格旁边的小图标
以往都是在阿里巴巴的矢量库上直接下载到本地,这次换成通过在线链接获取
1.首先点击复制代码
2.来到项目静态资源管理这里
这里有一点要注意的是复制过来的链接没有https: 需要自己在前面加上
3.就可以在项目上用了
格式是class = ' iconfont + 图片上的标识(这里就是 icon-long-arrow-down) '
4.这一步也是最关键的一步,如何实现例如现在综合是活跃状态,点击综合如果当时是升序操作则变为降序,若当时是降序则与之相反, 若点击的是价格则价格图标变为活跃状态。
1.首先我们需要为这两个图标设置一个点击事件
这里记得要将参数传递过去,原因是等下要根据这个参数判断点击的是综合还是价格
2.
2.我们开始处理点击事件,需要先拿到此时order的初始值,if语句处理判断当时点击的按钮是否和活跃状态按钮一致,若是一致的情况下,我们就可以将升降序取反。若但是当时点击的按钮和活跃状态按钮不一致,则第一个值改为flag(传进来的参数)再将他的升降序默认值改为降序
最后我们可以得到
2022.1.2 8.10---10.32