fix: 修复登录弹窗三个显示问题
- 注册表单超出无滚动: 三个Tab内容均包裹VScrollPanel(scrollpanel) - Form toolbar不可见: 滚动容器让submit/reset按钮可达 - 文本未国际化: title/label/otext均加i18n:true, archor纠正 - CSS: tabpanel flex布局, tabpanel-content flex:1+min-height:0 - PopupWindow cheight 28->30 给更多显示空间
This commit is contained in:
parent
36569c0e41
commit
d1b3ca0914
@ -31,6 +31,8 @@
|
||||
.login-window .tabpanel {
|
||||
background: transparent !important;
|
||||
border: none !important;
|
||||
display: flex !important;
|
||||
flex-direction: column !important;
|
||||
}
|
||||
.login-window .tabpanel-tabs {
|
||||
display: flex !important;
|
||||
@ -61,8 +63,17 @@
|
||||
background: transparent !important;
|
||||
}
|
||||
.login-window .tabpanel-content {
|
||||
padding: 20px 24px !important;
|
||||
padding: 0 !important;
|
||||
background: #ffffff !important;
|
||||
overflow: hidden !important;
|
||||
flex: 1 !important;
|
||||
min-height: 0 !important;
|
||||
}
|
||||
.login-window .tabpanel-content .scrollpanel {
|
||||
height: 100% !important;
|
||||
}
|
||||
.login-window .tabpanel-content .scrollpanel .vcontainer {
|
||||
padding: 20px 24px !important;
|
||||
}
|
||||
|
||||
/* Form styling */
|
||||
|
||||
@ -6,11 +6,12 @@
|
||||
"widgettype": "PopupWindow",
|
||||
"options": {
|
||||
"title": "欢迎登录",
|
||||
"i18n": true,
|
||||
"css": "login-window",
|
||||
"auto_open": true,
|
||||
"anthor": "cc",
|
||||
"archor": "cc",
|
||||
"cwidth": 26,
|
||||
"cheight": 28
|
||||
"cheight": 30
|
||||
},
|
||||
"subwidgets": [
|
||||
{
|
||||
@ -26,6 +27,10 @@
|
||||
"name": "userpasswd",
|
||||
"label": "密码登录",
|
||||
"content": {
|
||||
"widgettype": "VScrollPanel",
|
||||
"options": {"height": "100%"},
|
||||
"subwidgets": [
|
||||
{
|
||||
"widgettype": "Form",
|
||||
"options": {
|
||||
"cols": 1,
|
||||
@ -47,18 +52,25 @@
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "phonecode",
|
||||
"label": "手机登录",
|
||||
"content": {
|
||||
"widgettype": "VScrollPanel",
|
||||
"options": {"height": "100%"},
|
||||
"subwidgets": [
|
||||
{
|
||||
"widgettype": "VBox",
|
||||
"options": {"gap": "8px"},
|
||||
"subwidgets": [
|
||||
{
|
||||
"widgettype": "Text",
|
||||
"options": {
|
||||
"text": "未注册的手机号将自动创建账号",
|
||||
"otext": "未注册的手机号将自动创建账号",
|
||||
"i18n": true,
|
||||
"css": "login-desc"
|
||||
}
|
||||
},
|
||||
@ -89,7 +101,7 @@
|
||||
{
|
||||
"widgettype": "Button",
|
||||
"id": "gen_code_btn",
|
||||
"options": {"label": "发送验证码", "css": "sms-send-btn"},
|
||||
"options": {"label": "发送验证码", "i18n": true, "css": "sms-send-btn"},
|
||||
"binds": [
|
||||
{
|
||||
"wid": "self",
|
||||
@ -102,14 +114,28 @@
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "register",
|
||||
"label": "注册账号",
|
||||
"content": {
|
||||
"widgettype": "VScrollPanel",
|
||||
"options": {"height": "100%"},
|
||||
"subwidgets": [
|
||||
{
|
||||
"widgettype": "VBox",
|
||||
"options": {"gap": "8px"},
|
||||
"subwidgets": [
|
||||
{
|
||||
"widgettype": "Text",
|
||||
"options": {
|
||||
"otext": "手机号需短信验证后方可注册",
|
||||
"i18n": true,
|
||||
"css": "login-desc"
|
||||
}
|
||||
},
|
||||
{
|
||||
"widgettype": "Form",
|
||||
"id": "register_form",
|
||||
@ -140,7 +166,7 @@
|
||||
{
|
||||
"widgettype": "Button",
|
||||
"id": "reg_sms_btn",
|
||||
"options": {"label": "发送验证码", "css": "sms-send-btn"},
|
||||
"options": {"label": "发送验证码", "i18n": true, "css": "sms-send-btn"},
|
||||
"binds": [
|
||||
{
|
||||
"wid": "self",
|
||||
@ -153,6 +179,8 @@
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user