一、整体结构
页面采用居中布局,外层容器宽度1008px
主体分为左右两个主要区块:
左侧登录区(宽608px)
右侧扫码登录区(宽368px)
二、左侧登录模块(class="a")
标题部分
"密码登录"标题(font-size:20px, color:#1a1a1a, 加粗)
输入表单
账号输入框(placeholder:"账号/手机号/邮箱")
密码输入框(type="password")
统一样式:44px高度,#f7f8fc背景,#bfbfbf占位符,10px左内边距
功能区域
忘记密码链接(class="f")
橙色登录按钮(class="g",44x44px,#fd9d94背景)
社交登录入口:
QQ登录(图片+文字)
微信登录(图片+文字)
立即注册链接(底部40px处)
三、右侧扫码登录模块(class="l")
标题部分
"手机扫码安全登录"标题
扫码展示区
204x204px图片占位符(show.pn