00:00
下面呢,我们就先做界面相关效果,第一个这个比较简单,叫切换登录的方式,这里面啊,主要是大家要具有这种这种思维啊,也就是说我们来看一看。啊,先退出登录啊。哎,我们看一下我们的,这是我们的是吧?啊,我们现在没有这个效果,对不对啊,首先你得知道我们在切换的过程中变化是靠什么变化的。是不是样式,也就一般情况下是不是通过改变类名,或者改变某一个类对不对,同时你要看一下,你先可以看一下我这个是绿色的是什么原因。对不对,不是绿色的,又是什么原因?其实绿绿色看什么,就当前的这一个是不看这个class on啊,那所以啊,我这个地方啊,我这里面这个on应该是什么,是不是动态的。
01:00
真的吗?来,我们打开我们的log啊,这个其实是有一个分析的过程,其实跟你讲清楚以后,你在一起很简单,但是我希望大家自己要有这种思维。大家看一下。这里面啊,我是固定的把它把这个案是不是写在短信登录上面了,那如果我把它放到下面呢,那你在你在在一审的时候,他是不是总是右边的选中啊。对不对,那我希望现在是不是希望点开一下,让左边的选中,实际上就是这个类名,你不能固定死写死对不对。那你说我应该怎么办呢?也就是说现在有几种几种情况是不是两种,两种情况之间切换是不是,那说明什么。说明我要干嘛呀。说明我应该有一个有一个标识变量。
02:01
或者标识属性这一步很关键,就你如果想不出来,这事情做不下去。你要能想得出来,这实际上很多事情都是类似的,你要马上想到我应该有一个标识变量,什么意思呢?也就是说我要去通过一个变量,或者通过一个属性来标识你是什么样的登录方式吧。能不能到底是短信登录还是什么密码登录。那也就是说我需要在我的这个里面啊,这是个过程啊,结果其实很简单,我是不是应该有个属性来标识我的登录方式。那就涉及到你说下面我要涉及到什么问题啊,属性名是什么,属性值是什么东西,对不对,属性名,比如说我们现在是不是确定登录方式啊,比如说我就搞login。喂,什么意思?
03:00
登录方式嘛。是吧,那它的值写什么呢?True false什么,因为就两种,那情况对不对。这个人到网啊处啊,假如网处证明几个问题,因为我们登录方式啊,是有短信登录和什么密码登录,对不对,那有一个问题,什么问题,就是这个错误代表什么登录方式,Force代表什么方式,你得有一个指令。对吧,也就是说我应该在这里面写个注释是吧?说一下啊处假设代表是短信登录,这是哪个都没关系,懂不懂那自然就代表什么是密码登录。这能懂不能懂啊,记住我们的Q是代表短信登录好了,下面我们就利用这个标识的属性数据。来去动态的指定我这个里面的冒号什么class。
04:04
用不用对象表达法?用吧,啊,因为固定的名字只是确定要不要。对吗?因为我log way为two的时候代表短信登录可以吧,那下面这一个呢。我怎么办呢?这题对吗?那肯定不对啊,不两个都选中了吗?干嘛?是不是吃饭就可以?能不能,也就是说它为这一个lock away为副词的时候,是不是他才选做。对吧,没问题,那好了,下面就有个事情,我们点击的时候是不是要切换。那太容易了。来看。At卡等于我直接在这改啊,也就我点它loging way应该等于什么。
05:03
去玩。是吗?不是你点它肯定你会错,它那个错吗?是不是,那下面这个呢,自然就是什么for,我也不用写方法去了啊,直接就来个这样写的更简便。I'。好,我们来看一下,看看这个切换能不能行是吧。可不可以可以,但是有一个问题,这里面没问题啊,下面没有真正改。对不对,下面真正改看什么呢?其实啊也很简单啊,大家看到这里面有两个div看到吗?啊,一个代表的是短信登录的那个那个表单啊部分下面呢,下面这个D代表的什么。是不是密码登录啊,那也就是说这一个div上的按是不是也是动态的。对吧,其实跟我们这一个的鞋是什么对应的嘛。
06:04
是不是把第二个冒号class搬到第二个什么是不是div上?就可以。能看到吧,嗯,那也就是说大家看呢,现在我切吧,是不是切了。看到吧,但是啊,这个地方啊,实际上本身就一个表单啊,能看到吧,而且最终提交案例就一个,只是改变的是这些表单输入项对不对。改变的是这里面的表单输入项能看到不,嗯,那这样的话呢,我们就去做了这个功能,别看简单,我还希望大家能靠自己的思考,最终把这东西做出来,你是一步一步怎么想出来的。你不能就完全看着我的代码去去写,或者说听着我的视频去写,那没什么意义。他其实重在一个思考的过程。
07:03
好,这样我们就做好了第一个啊,界面效果啊,这个并不难。
我来说两句