00:01
啊,大家好,那我们处理完这个搜索之后呢,接下来呢,处理下分类,比如说当我们点击啊不同的分类的时候,我们应该去切换不同分类下面的商品,对吧?那肯定是有搜索条件中支持的,我们来看一下啊,那支持这个分类的是分类的这个ID,来注意我们要传啊二级分类的一个ID,那先看一下我们这个API的请求,给大家看一下这个分类的一个情况,然我们分类呢,这个是顶级的一个分类,一级的一个分类啊,再展开它初的里面就是二级的分类,那我们这里循环的呢,也是二级的一个分类,对吧?所以呢,我们是需要拿到这个二级分类ID。啊,我们的分类呢,只到二级啊,啊,也就是说要拿到这个ID啊,那也就是说我们在点击这个的时候,要想办法拿到这个ID对不对,好。那接下来就来处理一下我们的这个数据。找一下我们的代码,首先我们能找到这个点击的这个事件啊,就是这个组件的一个点击的事件,它切换的是啊,这个是给的一个点击事件,是思维没有啊,那我们传的这个参数呢?啊,就不要这么去传了,我们就传谁传这个c.ID。
01:05
c.ID啊,这个是我们传给这个啊,事件函数的一个参数,所以我们直接把ID传就可以了。那前面这个是。让他哪个选中就显示那个蓝条啊,包括这个class啊,也是判断的是current显示那个蓝条啊,啊所以呢啊,我们来看一下这个方法,我们传了cid,能不能拿到这个分类的这个ID来找一下在下面。切换左边的这个栏目啊。呃,他的这些判断啊,我们。就不写了啊,这个是呃。这个是index。呃,那我们这个卡呢,是当前选中的项,其实当前选择的项呢,哎,我们也可以做一个简单的一个处理就是。呃,这个当前选中的,我们也不这么去写了,就以c.ID为准啊,就是让他啊选中以当前的这个ID,那么接下来呢。
02:00
嗯,这个current呢,我们也换成c.ID c.ID。哎,就是我们不用索引啊,不用这个啊,这个索引全部用ID来进行区分,是这样,那这个后面的这个。就没用了,没用。我们常用ID,那接下来我们看一下。现在的效果正不正常啊,应该是没问题的,对吧,那接下来在这个事件里面,我们应该能拿到。啊,这个分离的ID,这个就不是index啊,实际上就是这个cid cid。Cid啊,不过呢,哎,我们要是改的话呢,就要把这些都改掉,都改掉。CIID,你说你如果点的是当前项的话,直接返回了啊,那如果是点的下拉项,就把当前的这个ID等于我们点的这个。呃,如果是零就意味着啊,尚未初始化,这是它初始化啊,那个分类功啊,其实。啊,这个是为了计算这个页面的这个这个高度啊高度。嗯,然后是将菜单的这个item居中。
03:04
就是这个东西啊,就是我们。先看一下,就是我们点的这个东西啊。实际上这个我们用不着啊,这个我们用不着。这个我们暂时用不着,所以呢,他这些判断我们暂时。没有啊。把这些都删掉,实际上我们为了就只是要这个点击的这个事件,这个事件。改了之后呢,并不影响我们去选择这些东西。那我们来打印一下,看看我们能不能拿到这个ID。嗯,我们来刷新一下。在这里我们来打印一下啊conso点六这ID,实际上大家看到这个蓝条的变化的话,是肯定可以拿到这个ID的,对不对。啊,那ID有了,ID有了,也就是我们在进行,嗯,这个点击的时候呢,我们要啊把我们的这个ID给他传上传上。
04:01
嗯,在这里面我们来。啊Z4.getdata重新去请求这个数据啊,在请求数据之前呢,啊,一定要把这个分页啊给它归到第一页,因为我们切换这个分类的时候,要把这个分页给它归到第一页,那切换数据啊,重新去请求这个数据,那分类ID怎么带上呢?我们应该给他追加到这个里面对吧?那当然要做一个判断,就是当你这个啊current是有值的时候。因为我们一开始是给的谁,一开始是给的是这个闹啊,或者是给的这个零,一开始是给的是不存在的,就当你存在的时候啊。然后我让这个P点。啊c great ID等于V点,就把这个分类的ID给它带上,然后再去发送请求就可以了。读书来写下判断是否有分类ID,是否有分类ID啊,那这个字段呢,就是这个筛选字段应该是没有写没有写错,那接下来我们来看一看实际的一个效果来刷新。
05:02
那接下来我们来看人工智能的啊,可以看到这个数据是没有的,对吧,那我们来看。这个PP的啊,它是有这个分类的啊,Java的书都是有的,Java也没有,那我们来看一看。诶看一看什么呢,GS的啊GS的啊,GS的有数对吧,还有这个A开的也没有,那我们这个分类这个书籍呢,是比较少的。区块链也有,那接下来我们来想一个事情,就是当数据没有的时候,这里呢,我们这个如果是空白的话,比较难看,我们可以给他一个空的一个标识,那我们来找一下这个空啊I pity,它有个这么一个组件,内容为空的时候。啊,就显示它啊,我们这里来复制一下啊,那这个空什么时候显示呢?就是当数据没有的时候显示啊,找到我们哪里循环的这个数据,这里啊循环的这个数据,所以呢,我们要对它做一个判断啊V杠意思啊,什么时候它显示呢?就是。和goods list list啊等等零的时候,就一开始就没有,没有这个数据,商品数据的时候,好我就点击区块链啊是有的没问题,人工智能没有啊,就是数据为空对吧,那这个字呢,肯定是不对的,包括它这个应该居中对吧,所以呢啊,这里面我们来稍微给它啊加一个样式。
06:18
啊,用一个独有给它包裹一下。然后这个判断我们放在这个view上面,因为我们对外层的这个V就比较好控制底层的这个元素。给他写一个class啊,然后这个字呢,也给他改了,就是暂无数据。掌握数据。Class呢,我们给它一个居中U杠,T-center,然后距离顶部和顶部多来一些间距。U杠杠P。杠T杠四零,然后再给一个U杠,P杠。嗯,也给四零啊,四零其实,呃,八零也行,八零也行,给大一点无所谓。
07:02
好,接下来我们再来看看没有数据的情况。好,没有数据的情况,呃,上下间距是有了啊,但是这边是没有居中。也就是我们这里写的啊,有问题啊,那什么问题呢,我们来检查一下这个元素啊。你会发现它这里面其实已经用了这个FX布局了,所以呢,就是它的负极是有flex布局的,那我们这里面啊,就可以调整它的flex就可以了,让它啊U-FLEX1哎,就自己去适应所有的这个剩余的这个空间。好,这样我们这个就居中了。那这样的话,哎,没有数据的时候就暂误数据,当有数据的时候就会填充这个数据啊,那我们的这个呃,分类啊,也基本上就是。写完了啊。好,那这节课呢,先到这里。
我来说两句