00:00
下一个。我们是不是要去实现这个?用户名密码登录的问题,对吧,对吧,要怎样他诶。这里我要去先去改一个这个东西。吧,我们除了用八,能不能用八号三呢,可以不。可不可以啊,可以,我们那个是808级。好像叫8081吧,啊,我用一下808啊。我说一下我们当时要做的是一个什么东西,看一下就这个。对吧,那这个主要现在输的时候大家看。实际上还是同一个值吧。视图一个值,嗯,那这个东西该怎么做呢?刚才说过啊,这里面首先我们要知道这里面实际上是两个音input的,对不对,两个音input的来我们来去给他做一下啊。
01:06
诶。没有。我到了是吧。突然间,咱都没网了,屋里没网了。本地服务器本那拿外部的真实数据啊,我的我我的服务器本身里面没有那些数据图片都是在线的啊,没关系啊,这这没没关系,我们做这个就行,对吧,我们做这个就行,没关系啊。等他来完再说。首先基本原则大家应该知道啊,其实这里面这个总共了两个部分,一个是这个密码的切换,再一个就是这个这个的动画效果是吧?啊,我们先来看这个密码的切换,看看怎么做。找到我们这个登录界面啊,找到我们刚才的这个。
02:03
嗯,密码这里啊,应该是这里就这个。有没有看到好,这里面完全一一般的,是不是应该用这个。是吧,真正的密码是用叉,但是但是我们是不是有可能显示。是吧,那这个地方那实际上怎么做的,实际上是有两个音谱的,记住有两个音谱的,一个叫password,另一个叫什么呢。就叫呗,这不直接显示了吗。但是他们俩不能同时显示啊,必然的,对不对,那怎么办呢?那说明我们是不是应该有一个标识状态。是不,那也就是说什么意思,这咱做了这么多,你应该有感觉了,你应该知道我们现在应该要去干嘛,定义一个变是吧,啊,取个名字啊,比如说假设叫数啊,Pass to PB吧。
03:03
这个应该是个什么类型的值不类型对不对,默认值应该为什么。For应该比较靠谱对不对,因为一般正常情况下都是不显示的,这个叫什么,是否显示什么,立马。能不能看到是否显示密码,好来,那有了它以后,我这一边就好办一些了。怎么办V啊,为什么吧,可以吧,V的话现在是显示不显示。这对吗?就怕的围住显示是吗?不对吧,因为这个对应的是它嘛,当然你要想这么写,那你可以把它什么。是换一下。显示密码的时候是用他,那我这个用什么。
04:01
对吧,对了吧,对了,而且我们要知道啊,我们要知道有了input必然会有什么米伽摩是吧,收集谁密码,这个应该也跟文档里面的参数要一致啊。那么看到也是同一个,记住必须是同一个,这样的话,我们在切换过程中才显示一样的内容。对不对,好下一步干什么事。我这个div就是整个那个划开的区域,我要给它们加什么。点击监听呢,是不是现在点击监听干嘛去啊。是不是切换这个数PWD的值太简单,直接写。等于什么非求W?对吧,咱们看到。
05:00
啊,能看懂以后啊。下面诶。Method。我这个地方还有一个PWD没1NOT。哦,我这个PW没有定义是吧,啊要定义一下定义一下啊,强迫你定义一下这个挺好的啊,说什么这什么。这密码呀,能不能看到,好我们来看一下啊,一定要不能报错啊,报错的话做不下去了,来这个是请求,这个现在现在没办法,因为网络有问题,好我们来看一下。奶茶先我输。是吧,我也不知道我说了什么,关键是我先我先说一下我说的什么啊,1357啊,我现在说的1357啊,接着点一下。对吧,再点一下。各位可以,那现在我们的功能做了,功能相当于做了一半,但是呢,编码做了1/3,因为这个比较简单。
06:05
那下一个问题。就点它是不是要切换,要切换来这个时候呢,大家得先观察一下最终的做法,它是一个什么样的情况。因为老师要没有最终的做法了,那就得自己设计了。懂我意思吧,啊,如果你有参照的,那你参照做,如果你要没有参照的,就得自己想,那当然肯定是自己想,要费劲很多。是必然的。啊,我们呢,来大家先看一下啊,先查出来看一下啊。主要是看这里面主要有肯定是样式的变化嘛,这必然的。来看一下啊,这里面我来说一下,这里面有些点。这里有一个啊,注意这几个位置啊,有一个right。还有这个里面有一个文本。这三个地方。注意这三个地方啊。
07:01
来,我点一下。你看那个on变成了什么of,呃,那个right,那个类名什么?没了对不对,Right什么意思,右边嘛,你看我这个我我这个圆圈,我这个圆小球是不是在右边的时候就有这个right能看到吧,好,接着我的文本,看到我的文本。没了。能看到,当然你也可以写点点点。懂我意思吧,嗯,好,是不是说白了,我要是不是写这三个位置。我先把这三个写上啊,当然到时候还要写点样式的。来我们来看啊,找到我们那个位置,也就是说这个里面的这个类名是不是两个类名。我们要选择其中某一个,对不对,肯定是要用动态法律class,那我用对象的方式吗?
08:02
是吗?不是我有两个内容要选择,明显跟我们那个对象的表达方式不太一样嘛,对不对。那实际上啊,这个地方是on还是of,看什么呢?对,看这个什么秀PWD为什么值对吧,如果。它是真应该显示的是哪个。想想啊,这个是针对不对,现在就是针嘛,能不能它显示的是哪个。是不是on啊?能多包啊显示是,那否则呢。显示的是什么哦,这个暗和of的区别在哪?实际上是颜色变化,你没发现那个一位是绿色,一位是白色的吗?就主要这个颜色变化,不懂,等会看看那个样式啊。能不能理解好,下面有一个这一个类名,这个div上面也就这个是这个小球球。
09:02
能懂吧,那个圆圈,那个圆圈它是不是有可能会有一个类名呢?所以我应该怎么做。对象的方式。对不,那个名叫什么right,那right什么时候才有啊。是不显示密码的时候才有,那怎么办?很简单的,直接给他什么。写上是不是这概念好,还有这个文本,这个文本有两个值啊,一个是ABC,一个点点点,那我们应该怎么做。是不是就看哎,你是否显示什么密码对吧,如果你显示密码用什么ABC啊,否则呢啊,你可以不显示空串也可以对不对,当然你也可以用什么。是不是点点点。真的很懂啊,好。
10:01
但写好它还不够,你看到我们现在按照他的要求写了,你看我们那里也改变,但是呢,会不会有那个效果就不好说了,我们来看一下。啊,没有这边还没错误是吧,好来你来看啊看一下。就是密码的不显示,是不是我点一下。你看这个on和of起作用了。对不对,而且那个文字也集中了,大家看到文本也集中了,就缺谁了。就缺这个这个小圆球小圈圈没有移动啊。听到不,那小圈圈移动是不是我加了一个right这样一个类名,听到吧,一旦有了这个类名,我是不是要产生一个移动?就认了不那这个类名啊,我写在哪个位置啊,大家看到我啊,我会去找谁了,会去找他。我的这里是right,我会找这个你。
11:05
实际上这里面啊,都都已经写了一点了,已经写了一个transition了。已经定了一个全,而且我变化的是什么?Transform嘛,对吧,啊持续的时间多长,你想什么时候才会真正的去做呢。是吧,这个地方是不是我当前得有一个什么right,那此时我就可以写什么去了。能不能,而且这个圈的值是多少呢?啊,就是穿什么X还是YX,那向右移动是吧,它不向右移动了吗?那起的时候向右移动对不对,向右应该正直吧。是否是,譬如说我先写个差不多的30PX,先试试好吧。
12:04
扔了吧,看看到。啊,来试一下试一下。是不是可以?可以吧,可以,这是可以的。这不做好了吗?这样我们就把这个切换密码的显示隐藏给大家做了一下来下机后来大家自己可以做一做。
我来说两句