制作了仿GTAOL风格的登陆页面

请注意,本文编写于 1282 天前,最后修改于 1282 天前,其中某些信息可能已经过气。

ScreenShot_2020-10-17_03-26-44.png
ScreenShot_2020-10-17_03-26-44.png

玩过GTA线上的小伙伴对着页面一定不陌生,这是GTAOL里CEO办公室电脑登录的界面。GTA线上相比线下在地图上并没有太多变化,但没记错的话就是从CEO任务的出现开始,某一些建筑也被赋予了功能。
这次做的是记账程序的登陆界面,之前光顾着改程序本身的代码了,这个登录界面稍微改了个背景就放着没管了。但回过头来想想,人家打开你这网站,先看到的就是登陆和注册界面,要是这里看上去很Low的话,人家连继续注册的欲望都没有了。
这次做的界面几乎做到了1:1还原,不过,左下角加上了登录和注册的切换按钮,这个在GTA中是不存在的。
注册界面我就照着这个风格自由发挥了一下。
ScreenShot_2020-10-17_03-27-05.png
ScreenShot_2020-10-17_03-27-05.png

增加了用户协议这个选项,如果以后要推广这个网站的话用户协议也是避免出现纠纷的重要元素。
ScreenShot_2020-10-17_03-27-14.png
ScreenShot_2020-10-17_03-27-14.png

惭愧地说,我直到前不久才真正的了解了Javascript,过去的我只是会复制粘贴人家写好的代码,也不知道具体是啥原理。漫展那会儿,Google的大佬过来给我系统化的把这些语言,框架,对应的软件都理了一下。我曾经甚至以为Java和Javascript是一个东西。。。
目前我的理解是,JS在网页中是静态和动态之间的产物。他不像PHP那么动,也不像HTML那么静。
稍微看了几个案例,照猫画虎的做了这个确认用户协议和Submit按钮的联动。
在打勾之前,按钮是灰色的,且disable。打勾之后,按钮上色,且enable。
除此之外,对于我的主页,我也常使用JS配合Json实现了部分的多语言适配。至于为什么是部分,目前能做的是在标签中的文字可以跟随选择变换语言,但是title暂时不行。还得继续研究研究。

评论区

评论列表