登陆界面_登陆界面设计 - CSDN
精华内容
参与话题
  • 简单优美的登陆界面

    千次阅读 2019-12-20 17:51:00
    界面效果图 1…HTML代码 <!doctype html> <html> <head> <meta charset="utf-8"> <title>login UI</title> <link rel="stylesheet" href="Login.css"> </head> &...

    界面效果图
    登陆界面预览
    1…HTML代码

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>login UI</title>
        <link rel="stylesheet" href="Login.css">
    </head>
    <body>
        <div class="box">
                <h2>航空选座系统登录</h2>
      <form>
        <div class="inputBox">
          <input type="text" name="" required="">
          <label>用户名</label>
        </div>
        <div class="inputBox">
    		<input type="password" name="" required="">
    		<label>密码</label>
        </div>
        <input type="submit" name="" value="登录"> 
    	  </form>
    	</div>
        </body>
    </html>
    

    2.CSS样式代码

    body{
        margin:0;
        padding: 0;
        font-family: sans-serif;
        background: url("login.jpg");
        background-size: cover;
    }
    .box
    {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width:400px;
     	padding: 40px;
        background:rgba(0,0,0,.8);
    	box-sizing:border-box;
    	box-shadow:0 15px 25px rgba(0,0,0,.5);
    	border-radius: 10px;/*登录窗口边角圆滑*/
    }
    .box h2
    {
    	margin:0 0 30px;
    	padding:0;
    	color:#fff;
    	text-align:center;
    	}
    	.box .inputBox
    	{
    		position:relative;
    	}
    .box .inputBox input
    {
    	width: 100%;
    	padding: 10px 0;
    	font-side:16px;
    	color: #fff;
    	letter-spacing: 1px;
    	margin-bottom:30px;/*输入框设置*/
    	border:none;
    	border-bottom:1px solid #fff;
    	outline:none;
    	background:transparent;
    }
    .box .inputBox label
    {
        position: absolute;
        top: 0;
        left: 0;
        padding: 10px 0;
        font-size: 16px;
        color: #fff;
        pointer-events: none;
        transition: .5s;
    }
    .box .inputBox input:focus ~ label,
    .box .inputBox input:valid ~ label
    {
        top: -18px;
    	left: 0;
    	color: #03a9f4;
    	font-size: 12px;
    }
    .box  input[type="submit"] 
    {
    	background: transparent;
    	border: none;
    	outline: none;
    	color: #fff;
    	background: #03a9f4;
    	padding: 10px 20px;
    	cursor: pointer;
    	border-radius: 5px;
    }
    

    在这里插入图片描述
    在这里插入图片描述
    背景图片:在这里插入图片描述

    展开全文
  • HTML5+CSS3 精美登陆界面源码

    千次下载 热门讨论 2020-07-30 23:30:25
    3个很精美的登陆界面,全都是用HTML5+CSS3开发的,所以可能不适合低版本IE浏览器。大家可以下来看看,做的超级漂亮的。
  • 登录页面——html

    2020-07-28 23:32:39
    登录页面非常简洁,时候初学者,很容易看懂。页面好看,
  • 网页制作:一个简易美观的登录界面

    万次阅读 多人点赞 2018-09-28 17:27:17
    这次来总结一下公司的Task 1 实现一个登录界面。 登录界面其实在大三的时候就有做过,但是当时做的界面超级low,主要区别在于有无css,由于公司的设计要求,对于该界面的很多细节处理实在不容易。所以,还是想要写...

    这次来总结一下公司的Task 1 实现一个登录界面。

    登录界面其实在大三的时候就有做过,但是当时做的界面超级low,主要区别在于有无css,由于公司的设计要求,对于该界面的很多细节处理实在不容易。所以,还是想要写点东西记录一下。

    先截个图,展示一下效果吧:

    然后我们看一下代码:

    在我们做一个页面之前,要先想好他的一个整体布局,也就是我们这里面的login.html主页面,大致结构如下:

    接下来,我们先上代码,看一下具体实现方法:

    login.html

     

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>登录页面</title>
    
        <link rel="stylesheet" type="text/css" href="login.css"/>
        <script type="text/javascript" src="login.js"></script>
    </head>
    
    <body>
    <div id="login_frame">
    
        <p id="image_logo"><img src="images/login/fly.png"></p>
    
        <form method="post" action="login.js">
    
            <p><label class="label_input">用户名</label><input type="text" id="username" class="text_field"/></p>
            <p><label class="label_input">密码</label><input type="text" id="password" class="text_field"/></p>
    
            <div id="login_control">
                <input type="button" id="btn_login" value="登录" onclick="login();"/>
                <a id="forget_pwd" href="forget_pwd.html">忘记密码?</a>
            </div>
        </form>
    </div>
    
    </body>
    </html>

     

    说明:

    在这个html里面,我们主要对登录界面进行了整体布局规划,利用div将内部的窗口、图片、标签、输入框、按钮、链接进行分块,这样方便我们之后用css对其进行准确的调位置、调边距。同时也对重要的几个东西设置了id和class,这也是方便我们之后用css对其进行准确的调颜色、调字体。

     

     

    login.js

    /**
     * Created by Kay on 2016/3/8.
     */
    function login() {
    
        var username = document.getElementById("username");
        var pass = document.getElementById("password");
    
        if (username.value == "") {
    
            alert("请输入用户名");
    
        } else if (pass.value  == "") {
    
            alert("请输入密码");
    
        } else if(username.value == "admin" && pass.value == "123456"){
    
            window.location.href="welcome.html";
    
        } else {
    
            alert("请输入正确的用户名和密码!")
    
        }
    }

    说明:

    这个js是用来判断用户名和密码是否正确的,实现起来还算简单。

    可以记一下,界面跳转的语句

    window.location.href="welcome.html";

    其次就是对输入框的返回值的获取,这里我们用到了document.getElementById的知识点,通过document的对象方法来获得指定ID值的对象。这里要注意是byId,所以前面的html里的username和password要设id值,而不是name值,不然获取不到的!

    关于document的介绍可以点击该链接:详解JavaScript Document对象

     

     

    login.css

     

    body {
        background-image: url("images/login/loginBac.jpg");;
        background-size: 100%;
        background-repeat: no-repeat;
    }
    
    #login_frame {
        width: 400px;
        height: 260px;
        padding: 13px;
    
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -200px;
        margin-top: -200px;
    
        background-color: rgba(240, 255, 255, 0.5);
    
        border-radius: 10px;
        text-align: center;
    }
    
    form p > * {
        display: inline-block;
        vertical-align: middle;
    }
    
    #image_logo {
        margin-top: 22px;
    }
    
    .label_input {
        font-size: 14px;
        font-family: 宋体;
    
        width: 65px;
        height: 28px;
        line-height: 28px;
        text-align: center;
    
        color: white;
        background-color: #3CD8FF;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    
    .text_field {
        width: 278px;
        height: 28px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border: 0;
    }
    
    #btn_login {
        font-size: 14px;
        font-family: 宋体;
    
        width: 120px;
        height: 28px;
        line-height: 28px;
        text-align: center;
    
        color: white;
        background-color: #3BD9FF;
        border-radius: 6px;
        border: 0;
    
        float: left;
    }
    
    #forget_pwd {
        font-size: 12px;
        color: white;
        text-decoration: none;
        position: relative;
        float: right;
        top: 5px;
    
    }
    
    #forget_pwd:hover {
        color: blue;
        text-decoration: underline;
    }
    
    #login_control {
        padding: 0 28px;
    }
    

    说明:

     

    这个css就是最难部分了,界面之所以能达到如此美观的效果,比如登录的窗口要在屏幕居中显示、背景透明、框的四个角要有一点弧度、登录按钮与输入框上下对齐等等。

    摘要:

    ①让背景图片拉伸且占据整个屏幕

    background-size: 100%;
    background-repeat: no-repeat;

     

    ②让一个div块在整个屏幕居中

    width: 400px;
    height: 260px;
    padding: 13px;
    position: absolute;
    left: 50%;
    top: 50%;

    margin-left: -200px;

    margin-top: -200px

    (其中的margin-left:和margin-top最好是设为width和height的一半值,那样是完全居中的效果,当然记得前面要加个负号!)

     

    设置圆角

    text-align: center;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;

     

    ④设置背景颜色且加透明效果

    background-color: rgba(240, 255, 255, 0.5);

     

    ⑤让输入框和label对齐居中:

    form p > * {
        display: inline-block;
        vertical-align: middle;
    }

     

    去除链接的下划线

    text-decoration: underline;

     

    7、给一个label或者button里面的文字设置居中:

       width: 120px;
       height: 28px;
       line-height: 28px;
       text-align: center;

    (需要设置line-height 其值等于 height 也就是字的行高等于它所在的label、button的高!)

     

    8、给“登录”和“忘记密码”的中间设置间距

    先在html里给他们绑定一块div:

    <div id="login_control">
          <input type="button" id="btn_login" value="登录" οnclick="login();"/>
          <a id="forget_pwd" href="forget_pwd.html">忘记密码?</a>
     </div>

    然后在css里设置一下padding:

    #login_control {
        padding: 0 28px;
    }

     

    该例子的代码为您提供免费下载,下载地址:点击打开链接

    (另外,该案列的升级版,也就是稍微复杂一点的登录界面,可点此处下载代码:点击打开链接2.0版

     

     

    展开全文
  • html+JavaScript登陆注册界面

    万次阅读 多人点赞 2019-04-25 23:35:46
    最近刚刚学习了一些关于JavaScript的知识,便在之前... 做了一些简单的修改,本身还存在着很多的缺陷,希望大家多多指正。 ... [登陆界面2在线预览]:https://pengxiang1998.github.io/login/index/denglu.html [注...

     

    最近刚刚学习了一些关于JavaScript的知识,便在之前学习的html前端的基础上

    做了一些简单的修改,本身还存在着很多的缺陷,希望大家多多指正。

    githu下载地址:https://github.com/pengxiang1998/login

    [登陆界面2在线预览]:https://pengxiang1998.github.io/login/index/denglu.html
    [注册界面在线预览]:https://pengxiang1998.github.io/login/index/zhuce.html

    <title>登录</title>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script type="text/javascript">
            function val(){
                var name=window.document.getElementById("user").value;
                var password=window.document.getElementById("password").value;//获取值
                if (name == ""||password ==""){
                    window.alert("用户名或密码不能为空!");
                    return false;
                }
            
                 if(name!="12345678"||password!="12345678"){//判断用户名密码登录
                    window.alert("用户名或密码错误!");
                    return false;
                }
                return true;
            }
        </script>
        <style type="text/css">
    a{text-decoration:none}
    </style>
    </head>
    <body >
    <table border=0 ><tr><th width=2000 height=150 border=1 bgcolor='ccffff'><center><table><th><img src="images/30.jpg" width='100' height='100'></th>
    <th><font size='7' color='ff7517'>图书用户管理系统</th></table></center></th><tr>
    <table style="background-image:url(images/.jpg);background-size: 100%; opacity: 1; filter: alpha(opacity = 30)"><th >
    <table border=0><tr><th width=1500 height=600 border=1><img src="images/4.jpg" height='400' width=400></th><th>
    <form action="form.html" method="post" οnsubmit="return val()" target="_blank">
    <table border=0 bgcolor=F0F0F0>
    <tr><th width=12 height=45></th><th colspan=3 width=82 height=45 align='left'>账户登录</th></tr>
    <tr><th width=12 height=20></th><th width=20 height=20><img src="images/7.png" ></th><th width=50 height=20>
    <input type="text" style="height:40px" placeholder="手机号/会员号/邮箱地址" size=40 id="user"></th><th width=12 height=20></th></tr>
    <tr><th colspan=4 width=94 height=20></th></tr>
    <tr><th width=12 height=20></th><th width=20 height=20><img src="images/8.png" ></th><th width=50 height=20>
    <input type="password" style="height:40px" placeholder="?" id="password" size=40></th><th width=12 height=20></th></tr>
    <tr><th colspan=4 width=94 height=20></th></tr>
    <tr><th width=12 height=20></th>
    <th colspan=2 width=70 height=20 bgcolor=FF5809><input type="submit" 
        style="background-color:FF5809;height:40px;width:140px;font-size:20px;color:white;border:none" 
        value="登录" ></th>
        <th width=12 height=20></th></tr>
        <tr><th colspan=4 width=94 height=20></th></tr>
    <tr><th width=12 height=20></th><th width=70  height=20 colspan=2><img src="images/9.png" ></th><th width=12 height=20></th></form></tr>
    <tr><th colspan=4 width=94 height=6></th></tr>
    <tr><th width=12 height=40><th colspan=2><table width=310 border=0><tr><th  width=35 height=20 align='left'><font size=2>忘记密码</font></th>
    <th  width=35 height=20 align='right'><font size=2><a href="zhuce.html" target="_blank">免费注册</a></font></th></tr></table></th><th></th></tr>
    <tr><th colspan=4 width=94 height=6></th></tr>
    </table>

    </th><th width='700'></th></tr></table></th><tr><th bgcolor='f9fa9b' height=120><p>?联系邮箱:1234@qq.com</p><p>联系地址:枣庄学院</p><p>?联系电话:178****6451</p></th></table>
    </body>

     

     


     

     


     

     

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>注册</title>
    <meta http-equiv='content-type' content='text/html;charset=utf-8'/> 
            <script type='text/javascript' src='jquery-1.7.2.js'></script> 
            <script type='text/javascript'> 
            var code ; //在全局定义验证码   
               
            function createCode(){ 
                 code = "";    
                 var codeLength = 4;//验证码的长度   
                 var checkCode = document.getElementById("code");    
                 var random = new Array(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R',   
                 'S','T','U','V','W','X','Y','Z');//随机数   
                 for(var i = 0; i < codeLength; i++) {//循环操作   
                    var index = Math.floor(Math.random()*36);//取得随机数的索引(0~35)   
                    code += random[index];//根据索引取得随机数加到code上   
                }   
                checkCode.value = code;//把code值赋给验证码   
            } 
            //校验验证码   
            function validate(){
                
                var password=document.getElementById("password").value;
                if (password.length<8){
                    alert("密码至少为8位!");}
                var inputCode = document.getElementById("input").value.toUpperCase(); //取得输入的验证码并转化为大写         
                if(inputCode.length <= 0) { //若输入的验证码长度为0   
                    alert("请输入验证码!"); //则弹出请输入验证码   
                }else if(inputCode != code ) { //若输入的验证码与产生的验证码不一致时   
                    alert("验证码输入错误!@_@"); //则弹出验证码输入错误   
                    createCode();//刷新验证码   
                    document.getElementById("input").value = "";//清空文本框   
                }else { //输入正确时   
                    alert("合格!^-^"); 
                } 
            } 
            </script> 
            <style type='text/css'> 
            #code{ 
                font-family:Arial,宋体; 
                font-style:italic; 
                color:blue;
                size:12px;            
                border:0; 
                padding:2px 3px; 
                letter-spacing:8px; 
                font-weight:bolder; 
            } 
            </style> 
    </head>

    <body οnlοad='createCode()'>
    <table border=0><tr><th width=200 height=30></th><th ><img src="images/3.jpg"></th></tr></table>
    <table border=0><tr><th width=700 height=400></th><th>
    <form >
    <table border=0 height=400 >
    <tr><th height=65><font  size='4'>用 户 名</th><th><input type="text" style="height:40px" placeholder="请输入用户名" size=40 name="username"></th></tr>
    <tr><th height=65><font  size='4'>密    码</th><th><input type="password" style="height:40px" placeholder="密码长度为6~18字符" size=40 id="password"></th></tr>
    <tr><th height=65><font  size='4'>确认密码</th><th><input type="password" style="height:40px" placeholder="请重新输入密码" size=40 id="password1"></th></tr>
    <tr><th height=65><font  size='4'>联系方式</th><th><input type="text" style="height:40px" placeholder="+86" size=40 name="username"></th></tr>
    <tr><div><th><font  size='4'>验 证 码</th><th>   
                <input type = "text" id = "input" style="height:40px;width:220px"/>   
                <input type="button" id="code" οnclick="createCode()" style="height:40px;width:80px" title='点击更换验证码' /> 
                <!--<input type = "button"  style="height:40px"  value = "验证" onclick = "validate()"/> -->
                </th>
            </div>  </tr>
            
            <tr><th colspan=2 height=65><input type="checkbox"><font size='2' color='red' required/>我已阅读并同意相关条例</font></input></th></tr>
    <tr><th colspan=2 height=65><input type='submit' style="background-color:red;height:55px;width:160px;font-size:25px;color:white;border:none" value='注册'id='l' onclick = "validate()" ></th></tr>
    </table>
    </form></th></tr></table>
    <table><tr><th bgcolor='f9f8ed' height=200 width=2000><p>?联系邮箱:123456@qq.com</p><p>联系地址:枣庄学院</p><p>?联系电话:178****6451</p></th></tr></table></body>
    </body>
    </html>

     

    展开全文
  • 登录界面

    2019-05-02 23:26:38
    往往一个项目中不乏缺少一个登录界面,而登陆页面是最基础的,下面是登录界面要实现的效果。 2、在完成一个登录界面前,首先要先写出验证码的登录,一个验证码的验证都验证不了,何来的用户名和密码的验证,所以...
    1. 往往一个项目中不乏缺少一个登录界面,而登陆页面是最基础的,下面是登录界面要实现的效果。

     

    2、在完成一个登录界面前,首先要先写出验证码的登录,一个验证码的验证都验证不了,何来的用户名和密码的验证,所以,首先得验证出来验证码。在写验证时,需要引用一个ValidCodeUtils的类来用。验证码的四个步骤:

     

     <1>生成长度为随机的验证码字符串

    <2>根据生成的验证码字符串生成 验证码图片

    <3>将验证码字符串存入session中 key值为  session 服务器  Cookie  客户端

    <4>把图片返回到视图(文件内容,文件格式)

    3、在生成验证码的时候,验证码的长度通常为4位或者5位数,这时就需要调用ValidCodeUtils来写验证码了。

    4、验证码是一个图片类型,我们需要通过字符串来转换。

    5、验证码的储存需要利用Session和Cookie机制来完成,什么是Session和Cookie机制,Cookie通过在客户端记录信息确定用户身份Session通过在服务器端记录信息确定用户身份Cookie就是这样的一种机制。它可以弥补HTTP协议无状态的不足。在Session出现之前,基本上所有的网站都采用Cookie来跟踪会话。如果说Cookie机制是通过检查客户身上的通行证来确定客户身份的话,那么Session机制就是通过检查服务器上的客户明细表来确认客户身份。Session相当于程序在服务器上建立的一份客户档案,客户来访的时候只需要查询客户档案表就可以了。

    6、最后这需要把图片返回到视图,这样一个验证码就出来了。因为验证码不存在表格,所以用Request接收数据。

     

    7、接着我们写用户名和密码的验证,在写用户名和密码的验证时,需声明三个变量,读取浏览器请求传递的Cookie,封装有关个别HTTP请求的所有HTTP特定的信息,然后利用Cookie来循环判断用户名和密码的验证。

    在判断用户名和密码的时候,需要用到.Net.MVC的Razor标记,Razor 是一种允许您向网页中嵌入基于服务器的代码(Visual Basic 和 C#)的标记语法。当网页被写入浏览器时,基于服务器的代码能够创建动态内容。在网页加载时,服务器在向浏览器返回页面之前,会执行页面内的基于服务器代码。由于是在服务器上运行,这种代码能执行复杂的任务,比如访问数据库。

    C# 的主要 Razor 语法规则

    • Razor 代码封装于 @{ ... } 中
    • 行内表达式(变量和函数)以 @ 开头
    • 代码语句以分号结尾
    • 字符串由引号包围
    • C# 代码对大小写敏感
    •  
    • C# 文件的扩展名是 .cshtml
    • 上面的ViewBag就是用来返回数据的,

       

    • 在验证密码的时候,需要对页面传来的密码进行AES265后进行加密。这需要封装一个类来用,因为如果我们不对密码进行加密,那么我们的密码会泄露出去,所以必须的使用密码进行加密。
    •  

    • 在判断完账号密码和验证码后就可以点击登录了,但键盘也可以写一个点击回车按钮登录,就是键盘按下事件。
    • 这样一个登录界面就完成了。

    展开全文
  • 登陆界面Login

    2019-08-03 01:19:48
    最终界面: XMAL 代码: <Grid > <Grid.RowDefinitions> <RowDefinition /> <RowDefinition /> </Grid.RowDefinit...
  • 登陆注册界面

    2020-07-29 14:19:22
    动态登陆界面,包含动态雪花飘零特效,非常逼真的页面雪花飘动效果,效果独特,层次感非常明显!还有鼠标互动效果。所以花了点时间给给提取了出来,与大家一起分享
  • AS做一个登录界面

    万次阅读 2018-09-19 10:47:38
    不BB,直接开始。 1.效果图 2.将主布局设置为LinearLayout 布局方式——垂直布局,控件全部居中 3.添加一个文本框按钮,显示用户登录 4.首先在主布局里添加一个子布局,方式同样为LinearLayout,在这个布局中,添加...
  • 更改ubuntu登陆界面

    万次阅读 2013-04-17 13:30:23
    也许你习惯了unity的登陆界面,可是本人感觉gnome3的登陆界面更是简洁,同时锁屏页面看着也相当的给力,想从unity的登陆页面换成gnome3的登陆页面嘛,操作如下:  sudo dpkg-reconfigure lightdm或者sudo dpkg-...
  • 使用java+Mysql数据库做一个简单的登录窗口界面

    万次阅读 热门讨论 2018-12-12 17:56:19
    原文:点击打开链接
  • 问题原因:主目录下的 .Xauthority 文件拥有者变成了root,从而以用户登陆的时候无法都取.Xauthority文件 说明:Xauthority,是startx脚本记录文件。Xserver启动时,读文件~/.Xauthority,读入对应其display 的记录...
  • HTML(css+div)登录界面

    万次阅读 多人点赞 2020-05-08 19:38:56
    HTML(css+div)登录界面
  •  百度、谷歌了好久,各家有各家的说法,也许是症状相同,病因不同吧,按照网上的解决方案,始终解决不了,最终,经过不懈的尝试((*^__... 原因:主目录下的.Xauthority文件拥有者变成了root,从而以用户登陆的时
  • 用python写登陆界面

    万次阅读 2017-05-29 14:49:19
    端午佳节,一边吃粽子一边写登陆界面#
  • linux在用户登陆界面出现不断循环解决方法

    万次阅读 热门讨论 2018-11-29 20:05:17
    linux 在用户登陆界面不断循环 如果在linux系统里出现在用户登陆界面不断的循环,那么问题是我们在配置系统环境变量时出现错误,我们重新配置/etc/profile就行了 解决方法 先进入我们熟悉的命令界面,按ctrl+...
  • 表现为在图形登陆界面能够正常验证密码正误,在正确输入密码后,出现命令行下的自检界面,然后立即闪回到登陆界面。而且这个问题一般是出现在某些账户下,其他账户尤其是guest账户不受影响。 这个问题存在于ubuntu的...
  • 用Html写一个简单的登陆界面

    万次阅读 2016-10-03 22:40:08
    用Html写一个简单的登陆界面
  • 现象:在Ubuntu登陆界面输入密码之后,黑屏一闪并且出现了check battery state之类的文字之后,又跳转到登录界面。 原因:主目录下的.Xauthority文件拥有者变成了root,从而以用户登陆的时候无法都取.Xauthority...
  • C# 界面开发-登陆窗体(包括欢迎界面) ...我们在开发一个需要身份验证系统软件的时候,一个必不可少的界面便是登陆界面,只有我们在登陆界面中输入正确的用户名和密码,才能登陆到主界面,有时
1 2 3 4 5 ... 20
收藏数 204,532
精华内容 81,812
关键字:

登陆界面