00:00
来,下面我们来去。写一下这together啊,最终的效果是大概是这个样子是吧,大家能看到。啊,这里面有几个事啊,就是首先从显示说这里面要用到。图标自理是吧,啊,这我们都准备好了。呃,下一个呢,就是会涉及到。一些交互效果,我去点击的时候能够去切换,还有一个我当前的这个是一个绿色的,本来是不是都是黑色灰色的,怎么样呢,成为绿色,刚才说过了,只要是有特定样式就可以。好。来啊,这个时候呢,需要我们去做一些事情,我们前面是不是已经有了写好了静态页面了。好,下面呢,我们就要去,相当于需要去拆分页面,从我们整个页面里面找出我们那个导航的那一部分,底部导航那部分。
01:01
把它打开啊,直接就用这个打开的。但你可以先把这个页面是不是也打开啊,能看到现在的效果是可以用的。对吧,啊,还可以进行切换,这个切换实际上是加了一些点击监听,最后是不是根据它的那个样式啊,啊有类明这个都有做法。做了吗?啊,做了二好行。来,先来找到我们那个导航所对应的标签结构。来说一下啊,说一下整体这外面呢,是一个div,它有一个ID啊,有个ID是APP啊,把那个样式也打开。这个样式在里面,就这个吧。我有一个专门写了所有。是的,这样式大家看到这外围是不是就有点样式,这个样式我们把它加哪去了,大家看到啊。
02:04
我现在是不是最外围有一个最外面,最外面是不是有个D,我可以给他取个什么ID等于什么。AP能看到吧,接着是不是给AP指定的样式放在外围吗?而这外围这里呢,是写的它啊这个其实这个你要不要都没关系。主要指定宽高和背景颜色都是100%,好,下面重点是要把这个抽出来,把他的东西抽出来,怎么抽呢?先找我的标签啊,找标签以后再去找样子,那我的标签在哪个部分呢?看它在C下面,我有一个什么是不是。按了吧,其实这个不需要,这个没用。大家看到啊,大家搞的时候啊,尽量这么做,先给他什么呢?收起来能看到吧,接着。
03:06
看看这样能不能复制啊,这样能复制,哎,这整个这发这个是吧。看着吧,看这C。给他复制到我这里来呗,但啊我这个一定要用吗。所以也可以改成什么div这种懂吧,可以改成div啊,这没关系,因为我们这个已经是个负特了,说明已经负特组件了,对吧,没关系,好大家看啊啊,我们先不去改太多,就按照他原来的啊,接着需要去搞什么去样式,样式主要是要找这个类名去吧,打开啊。就在这里是不是啊,就在这里,我们可以搜索来下面,那他这一部分对应谁了这么多是不是大家先。
04:04
看懂了吗?啊,最好先搜索一下,能看出来是哪一部分,嗯,大家要觉得这个上面操作不方便,大家甚至如果用web打开操作起来更方便。这个能不到啊,那也就是说其实啊,我们的复这一部分是不是就这一部分,我看看啊,现在这种方式有没有把这个下面那个复制下来啊,看一下看下C。好像没有是吧,没有没关系啊,我在想。这么多。啊,其实用web的操作起来更方便,大家看一定要缩进一下啊,把这个干掉。那么有大家去,而且复读完以后,你一定要看一下这个层次结构是不是对的。那么呢,因为这个成绩很关键。啊,你一旦缩句不对了,那就整个就是有问题了,对吧?好,而且这个里面用到了是我定义的某一个mixing。
05:08
那怎么办?引入,在这里面引用什么import?好是一个什么样的关系呢?这个关系呢,大家看到我这里面有看我不有一个框吗。对,后面前面在前面mix好,那也就说这个是不是可以用了啊,Mix里面啊就可以用了好。下面我们来看一下吧,好吧,看一下现在是一个什么样的情况。哎,我们那个呢。是不,这个大家看一下现在有没有上面有没有风格线,是不有啊啊有。而且现在你说我能点吗?不能。现在他是绿色的,他是绿色的原因是什么?这里面我有一个专门的类名叫什么啊。
06:05
这个on就是加点上去了对吧,那也就是说哪个那后面哪个这里面A标签后面的那名是多了一个on,那它是不是就有那个绿色的样子啊。现在相当于静态页面是不是显示了下面稍微的去做点事情啊,做点什么,首先做的第一件事情就是我比如说啊,我去切换一下,我现在假设我去选择色系。设计变了吗?没有啊,对不对,怎么做呢?因为这个值应该是个动态的。对吧,那现在我们是不是要去用强制绑定class,动态class的方式去指定,那我们前面说过一个事情,在绑定拉的时候,就是要问要想的是是否用对象语法。认了不是否用对象语法什么样概念,还记得我跟大家说过怎么判断的吗?
07:06
用对象语法,就是我这里搞个对象,搞一个类名对吧,搞一个什么。脖子。是不是这个概念。这个能不能懂,能懂,那什么时候用对称的句法内名确定,我只是不确定什么有还是没有,这个类名对不对,能懂我意思吧,那现在是不刚好就是这种情形啊,是确定的,但是确定就什么有还是没有,要还是不要对吧。那什么时候我当前的这个A这里面就有这个on class了,跟什么有关系啊。我当前这个对应的那个路径是是多少,是不是斜杠M。那什么时候就是对应的呢,就是要有这个二呢。
08:03
我当前是不是有一个请求的路径。对吧,如果请求路径等于我的什么。当前对应的不是M吗?对吧,如果等等于什么。我那个请求的路径,就关键的问题就是什么,我请求的路径怎么得到。还记得我请求路径在哪个里面吗?多了福是吧?还记得不啊,它里面。有什么属性来着?是我记不住了,咋办了,对吧,是不得看一下工具啊,看一下工具啊,我写不下去了,那我就看。来写不下去的,就看看的话,看我这当前的APP对吧,这APP里面呗,打开它。
09:02
因为什么pass,这就对了嘛,所以说大家不用太去担心你忘记了一些东西。没事的,什么pass。是不是意思拉好了,你看现在他还绿色吗?我意思了吧,按出来说应该谁搜索,但是我搜索不还没写吗?也就是说我只需要把这一些这一些这一些都加上,并且写上对应的。如今。对吧,这个我的订单,这个搜索设计。能懂吧,好来。看一下吧,是不是有意思啊,好,接着我改成啊我的走。
10:04
对不对,对的吧,啊,如果选择的是。可以吧,可以。但是我总不能手动的点吧,去手动的去去在这输入吧,每次在输入那我不残废了。怎么办呀,应该。是我用户操作一下,点击下这是我最终目标对不对,那也就是说下面我们要做的事情,就点击某一个table下,能够去切换到对应的路由,对不对,是意思,不如不是在上面输入。那我干嘛去加点击监听了对吧,这里面完全没有必要用A标签,用一个失败都行,或者用一个div都没什么问题啊,真的吧,就是可以用直板的,因为我们通过类名来去控制样式,并不是通过A标签来控制样式。你说老师我就选A行不行?没什么关系,因为我是通过class来控制。
11:04
能不能好,那我下面干嘛。加点点艾立,等于我现在是不是要去转向到某一个路由去,那我就来一个goto可以吧,啊,Goto哪里了。勾去哪里呢?这个地方是不是指定一个路径。要不要指定要你得告诉他指定到哪去啊到哪去。斜杠吗?我对应的不就是吗。那下面的都是什么?不是同样的写法吗?对,不只是要改一下啊,这个对应的是色,下面这个对应的是什么,我这一个对应的是下一步要干嘛,写一个对应的方法对不对,来写这个配句MY,他这里面传一个什么pass。
12:15
好,此时我们通过谁来去跳转路由呢?首先肯定this点找谁多root,我们说有两个属性可以用,一个多root,一个多root对吧?Root是不是要控制路由进行跳转的,那现在问题是我是用push还是用replace啊,应该用replace吧,就跟我们前面以前搞过这样类似的事一样的,Replace穿什么啊,前面咱搞过这样的事情对吧?嗯。好。搞定了,就这么简单。啊,如果大家去用什么东西不均匀的本身啊,而去看到它的一个做的一个功能效果其实跟我们RA的效果很类似的地方啊,差不多。
13:09
好行,这个就这么搞定了。
我来说两句