在轮播图的左侧有一个分类。

这是生产环境上的效果。

鼠标滑动过来,该分类下的子分类就会显示出来。蛋糕和点心是二级分类,它们下面还有三级分类。这就是分类的递归。

可以把所有的分类都归类在一张表内。通过同一张表就可以进行无线的递归了。 




分类的类型


一个网站要是做的复杂的话,下面可能会有四级 五级分类。在我们这里只有三级分类。

分类的图标

页面往下滑,每一个分类的旁边会有一句话、。这就是slogan 口号字段。


分类图和背景色



页面加载的时候先加载一级分类。

用户鼠标滑动过来了。就进行懒加载二级分类和三级分类。

可以参考淘宝的这一部分的分类效果。

鼠标移动过来就加载了很多内容。也就是用户把鼠标移过来以后才进行的加载。

鼠标离开,再移动过来,数据没有重复加载。也就是它只会加载一次,第二次在加载。应经不需要再访问一遍后端查询。

把下面的网络请求清空,鼠标再次移动过来。发现没有继续再查询后端数据


我们也会使用懒加载的方式去实现我们的分类。

后端先写上注释


 

结束

 

相关文章:

  • 2021-12-30
  • 2021-08-18
  • 2021-08-22
  • 2021-06-21
  • 2021-05-18
  • 2022-02-23
  • 2021-10-06
  • 2021-11-10
猜你喜欢
  • 2021-09-15
  • 2021-10-17
  • 2021-06-15
  • 2021-05-16
  • 2022-01-19
  • 2021-10-01
  • 2021-12-04
相关资源
相似解决方案