diff --git a/ant-design-vue-jeecg/src/components/layouts/UserLayoutLogin.vue b/ant-design-vue-jeecg/src/components/layouts/UserLayoutLogin.vue index 5be8444..e018629 100644 --- a/ant-design-vue-jeecg/src/components/layouts/UserLayoutLogin.vue +++ b/ant-design-vue-jeecg/src/components/layouts/UserLayoutLogin.vue @@ -295,6 +295,7 @@ export default { </script> <style lang="less" scoped> + #userLayout { height: 100%; display: flex; /* 设置flex布局 */ @@ -307,6 +308,7 @@ export default { margin-left: 0.5vw; line-height: 2vw; } + /deep/ .ant-form { width: 100%; } @@ -318,11 +320,13 @@ export default { .left-div { flex: 0 0 68%; /* 左侧div宽度为容器的70% */ + width: 68%; } .right-div { display: flex; flex: 0 0 32%; + width: 32%; background-color: #fafafa; display: flex; /* 使用 flex 布局 */ flex-direction: column; /* 垂直排列子元素 */ @@ -363,9 +367,11 @@ export default { } #logoImg { width: 10vw; + height: 3vw; + line-height: 3vw; margin-left: 2vw; - line-height: 0vw; margin-right: 0.5vw; + font-size: 0vw; // height: 100%; float: right; position: relative; @@ -387,6 +393,8 @@ export default { } #text { // height: 69%; + height: 3vw; + line-height: 3vw; width: 100%; font-size: 1.1vw; margin-bottom: 0vw;