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:
yumoqing 2026-05-30 14:16:00 +08:00
parent 36569c0e41
commit d1b3ca0914
2 changed files with 127 additions and 88 deletions

View File

@ -31,6 +31,8 @@
.login-window .tabpanel { .login-window .tabpanel {
background: transparent !important; background: transparent !important;
border: none !important; border: none !important;
display: flex !important;
flex-direction: column !important;
} }
.login-window .tabpanel-tabs { .login-window .tabpanel-tabs {
display: flex !important; display: flex !important;
@ -61,8 +63,17 @@
background: transparent !important; background: transparent !important;
} }
.login-window .tabpanel-content { .login-window .tabpanel-content {
padding: 20px 24px !important; padding: 0 !important;
background: #ffffff !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 */ /* Form styling */

View File

@ -6,11 +6,12 @@
"widgettype": "PopupWindow", "widgettype": "PopupWindow",
"options": { "options": {
"title": "欢迎登录", "title": "欢迎登录",
"i18n": true,
"css": "login-window", "css": "login-window",
"auto_open": true, "auto_open": true,
"anthor": "cc", "archor": "cc",
"cwidth": 26, "cwidth": 26,
"cheight": 28 "cheight": 30
}, },
"subwidgets": [ "subwidgets": [
{ {
@ -26,6 +27,10 @@
"name": "userpasswd", "name": "userpasswd",
"label": "密码登录", "label": "密码登录",
"content": { "content": {
"widgettype": "VScrollPanel",
"options": {"height": "100%"},
"subwidgets": [
{
"widgettype": "Form", "widgettype": "Form",
"options": { "options": {
"cols": 1, "cols": 1,
@ -47,18 +52,25 @@
} }
] ]
} }
]
}
}, },
{ {
"name": "phonecode", "name": "phonecode",
"label": "手机登录", "label": "手机登录",
"content": { "content": {
"widgettype": "VScrollPanel",
"options": {"height": "100%"},
"subwidgets": [
{
"widgettype": "VBox", "widgettype": "VBox",
"options": {"gap": "8px"}, "options": {"gap": "8px"},
"subwidgets": [ "subwidgets": [
{ {
"widgettype": "Text", "widgettype": "Text",
"options": { "options": {
"text": "未注册的手机号将自动创建账号", "otext": "未注册的手机号将自动创建账号",
"i18n": true,
"css": "login-desc" "css": "login-desc"
} }
}, },
@ -89,7 +101,7 @@
{ {
"widgettype": "Button", "widgettype": "Button",
"id": "gen_code_btn", "id": "gen_code_btn",
"options": {"label": "发送验证码", "css": "sms-send-btn"}, "options": {"label": "发送验证码", "i18n": true, "css": "sms-send-btn"},
"binds": [ "binds": [
{ {
"wid": "self", "wid": "self",
@ -102,14 +114,28 @@
} }
] ]
} }
]
}
}, },
{ {
"name": "register", "name": "register",
"label": "注册账号", "label": "注册账号",
"content": { "content": {
"widgettype": "VScrollPanel",
"options": {"height": "100%"},
"subwidgets": [
{
"widgettype": "VBox", "widgettype": "VBox",
"options": {"gap": "8px"}, "options": {"gap": "8px"},
"subwidgets": [ "subwidgets": [
{
"widgettype": "Text",
"options": {
"otext": "手机号需短信验证后方可注册",
"i18n": true,
"css": "login-desc"
}
},
{ {
"widgettype": "Form", "widgettype": "Form",
"id": "register_form", "id": "register_form",
@ -140,7 +166,7 @@
{ {
"widgettype": "Button", "widgettype": "Button",
"id": "reg_sms_btn", "id": "reg_sms_btn",
"options": {"label": "发送验证码", "css": "sms-send-btn"}, "options": {"label": "发送验证码", "i18n": true, "css": "sms-send-btn"},
"binds": [ "binds": [
{ {
"wid": "self", "wid": "self",
@ -153,6 +179,8 @@
} }
] ]
} }
]
}
} }
] ]
} }