xinyin025/smart-admin
1
0
Fork 0
mirror of https://github.com/1024-lab/smart-admin.git synced 2026-06-02 03:55:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

修复前端个人中心表单超出背景的问题

Browse Source 
修复方案：
在 /views/system/account/components/center/index.vue 中：
设置容器高度为100%并使用flex布局
标题区域使用 flex-shrink: 0 防止压缩
表单区域使用 flex: 1 占据剩余空间
添加 overflow-y: auto 支持垂直滚动
设置 min-height: 0 确保正确的高度计算
This commit is contained in:
SuperHahaStar
2025-08-19 19:54:13 +08:00
committed by GitHub
parent 4b34c9960c
commit 4cc930bc6d
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
smart-admin-web-javascript/src/views/system/account/components/center/index.vue
View File

@@ -233,13 +233,21 @@
}); });
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.center-container { .center-container {
height: 100%;
display: flex;
flex-direction: column;
.header-title { .header-title {
font-size: 20px; font-size: 20px;
flex-shrink: 0;
} }
.center-form-area { .center-form-area {
margin-top: 20px; margin-top: 20px;
flex: 1;
overflow-y: auto;
min-height: 0;
.avatar-container { .avatar-container {
position: relative; position: relative;