71 lines
2.3 KiB
HTML
71 lines
2.3 KiB
HTML
|
<vlayout id="mainLayout" action="move">
|
||
|
|
|
||
|
|
<!-- 标题栏 -->
|
||
|
|
<hbox height="20" margin-top="5" action="move">
|
||
|
|
<spacer></spacer>
|
||
|
|
<!-- 退出按钮 -->
|
||
|
|
<button id="btnExit" size="20,20" action="close" style="background-image: url(res/close.png)"></button>
|
||
|
|
<spacer width="10"></spacer>
|
||
|
|
</hbox>
|
||
|
|
|
||
|
|
<!-- 头像 -->
|
||
|
|
<!--<spacer height="40"></spacer>-->
|
||
|
|
<label margin-top="30" id="headImg" size="80,80" action="move"></label>
|
||
|
|
|
||
|
|
<!-- 账号输入框 -->
|
||
|
|
<hbox margin-top="25" size="258,42" style="border-radius:5px;background-color:white;">
|
||
|
|
<input id="user" halign="center" placeholder="输入账号" />
|
||
|
|
</hbox>
|
||
|
|
|
||
|
|
<!-- 密码输入框 -->
|
||
|
|
<hbox margin-top="10" size="258,42" style="border-radius:5px;background-color:white;">
|
||
|
|
<input passwordchar="*" id="pwd" halign="center" placeholder="输入密码" />
|
||
|
|
</hbox>
|
||
|
|
|
||
|
|
<!-- 协议勾选 -->
|
||
|
|
<hbox size="258,42" margin-top="10" style="font-size:12px">
|
||
|
|
<checkbox size="18,18" id="ckbox"></checkbox>
|
||
|
|
<label width="auto" text="我已阅读并同意"></label>
|
||
|
|
<button url="www.baidu.com" width="auto" style="color: #2D77E5;cursor:pointer" text="服务协议"></button>
|
||
|
|
<label width="auto" text="和"></label>
|
||
|
|
<button url="www.bing.com" width="auto" style="color: #2D77E5" text="隐私保护指引" title="OOO"></button>
|
||
|
|
</hbox>
|
||
|
|
|
||
|
|
<!-- 登陆按钮 -->
|
||
|
|
<button margin-top="15" size="258,38" id="btnLogin" text="登录" visible="true"> </button>
|
||
|
|
|
||
|
|
<!-- 离线模式按钮 -->
|
||
|
|
<button margin-top="15" size="258,38" id="btnOffLine" text="离线进入" style="background-color: #0099FF; color: white; border-radius: 8px" visible="true"> </button>
|
||
|
|
|
||
|
|
</vlayout>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
#mainLayout {
|
||
|
|
background-color: #E8F0FF;
|
||
|
|
border-radius: 5px;
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#headImg {
|
||
|
|
background-image: url(res/head.png);
|
||
|
|
border-radius: 80px;
|
||
|
|
border: 2px solid white;
|
||
|
|
}
|
||
|
|
|
||
|
|
#ckbox {
|
||
|
|
background-image: url(res/check.png);
|
||
|
|
}
|
||
|
|
#ckbox:checked {
|
||
|
|
background-image: url(res/check_1.png);
|
||
|
|
}
|
||
|
|
|
||
|
|
#btnLogin {
|
||
|
|
background-color: #0099FF;
|
||
|
|
color: white;
|
||
|
|
border-radius: 8px;
|
||
|
|
}
|
||
|
|
/*登录按钮鼠标悬浮时候的外观*/
|
||
|
|
#btnLogin:hover {
|
||
|
|
background-color: #008DEB;
|
||
|
|
}
|
||
|
|
</style>
|