商城排序操作

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