JavaScript 产品过滤界面,实现产品按照条件筛选与搜索查询

    基于 JavaScript 实现的按照指定分类筛选结果以及搜索框搜索结果,这里筛选以及全局搜索是基于 JavaScript 实现的,使用也超级简单,只需要把图片放入数组中,并且定义好 category 以及 name 即可,同一个 category 会被看成一组。至于该效果的外观是通过 Tailwind CSS 实现的,页面的购物袋等图标都是通过 svg 定义的,此外还包含一个加入购物车的效果,这个效果也是通过JS实现的。

模板目录结构如下: