1-2菜品列表页带分类和不带分类的演示原创

好大家，我是冰糖小石，你们四哥这一节的话，我们来看一下我们这个带分类和不带分类，首先呢，我们不带分类，我就是我们不带分类的时候，我们可以直接通过搜索进入，也可以通过这个推点餐进入，也可以通过这个菜品浏览进入，就比如说我们通过这个菜品浏览进入，菜品浏览进入我们现在进入的是我们这个就是不带分类，不带分类的话，我们比如说就是一个列表下来，我们上面可以加一个搜索功能嘛，就比如说我们搜一个叫什么，搜一个叫呃鸡吧，看比如说。带鸡的都有那些菜，鸡鸡鸡鸡小鸡小鸡，这里面我们搜索一下，看一下，我们带鸡的有一个宫爆鸡丁呀，然后有个叫花鸡，然后一个宫爆鸡丁套餐，还有个大盘鸡，有这四个菜，对吧？这是我们这个，呃，不带分类的是有这个搜索功能，我们如果想看到呢？带分类应该怎么去看到，其实在我们代码里面，我后面会教大家怎么去导入代码，还有我们在后面会教大家如何去编写我们代码，当然我们是一步一步来，我们是先演示代码，先演示效果，我们进入这个app.gs里面，我们点击这个里面，呃，当然了，你现在的话，因为你还没有源码，没有源码的你就先看老师怎么演示就行，呃，你这个里面的分类，我们这里面设置一个出就可以了，设置完出入以后，我们点击一下编译，我们再来看一下，设置完出以后，我们再点一下这个菜品浏览，我们再再来看一下就知道了。

啊，点一下我们进来以后看见吗？我们左侧大家看到没有，我们左侧其实是有我们有我我们那个分类，就比如说我的面食有这些对吧，我们个经典套餐有这些，我们那个店长推荐套餐有这还有一个功能什话，我们这个分类个它其实右侧滑动你看见没，右侧滑动的时候，当出现这个经典套餐的时候，这个时候你看见没有，左侧会跟着一个有一个联动的效果，包括面石上去以后也有一个联动效果，这样看见没有。啊，包括我们左侧点击我们这个面食自动定位到最上面我们个经典套餐电子套餐，其实的话这个，呃，这个带分类的话，比那个不带分类要复杂很多，我们要设置一个左右一个联动，还有一个左右的这一个分类的选择，呃，当然有之前有好多同学在学我们云开发的时候，有一直问我，我们能不能实现这个带分类的一个，比如说商品列表啊，或者菜品列表啊等等，呃，我那样我后续的课程会呃，会仔细跟大家讲一下我们这个带分类的这个怎么实现的，好吧，其实说这个这个分类的话，呃，因为老师不是专业以外，可能左侧这个老师设计的不是很好看，呃，当然了，这个东西你后面拿到原码，或者你跟老师学这门课程以后，你可以根据自己的需求去做这个页面的美化，这些都靠你自己去画挥就可以了，好，这就是我们这个带分类和不带分类的这个一个主要主要的一个对比，呃还记呃还记得我们不带分类吗？去看我笔记吧，我们不带分类的就是我们这个一个列表，然后上面有搜索，然后我们带分类的话就其实就不用搜索。

什么？因为已经带分类了，已经很方便用户去检索了，呃，带分类主要是方便用户检索，好这是我们带分类不带分下，呃，搜索功能的话，刚才也有给大家演示过了，对吧？那下一节课讲什么？下一节我们讲这个购物车，给大家看这个购物车，好吧，这节节就先到这里，谢谢大家。