diff --git a/ant-design-vue-jeecg/src/components/layouts/UserLayoutLogin.vue b/ant-design-vue-jeecg/src/components/layouts/UserLayoutLogin.vue index e3a7f00..5f8f40c 100644 --- a/ant-design-vue-jeecg/src/components/layouts/UserLayoutLogin.vue +++ b/ant-design-vue-jeecg/src/components/layouts/UserLayoutLogin.vue @@ -15,8 +15,8 @@ </div> </div> <div class="right-div"> - <div id="welcome">欢迎来到华恒仓储管理系统 !</div> <a-form-model ref="form" :model="model" :rules="validatorRules"> + <div id="welcome">欢迎来到华恒仓储管理系统 !</div> <a-form-model-item required prop="username"> <a-input id="name" v-model="model.username" size="default" autocomplete="off" placeholder="请输入帐户名 / admin" @blur="getWarehouse"> </a-input> @@ -320,6 +320,9 @@ export default { /deep/ .ant-select-selection__rendered { margin-top: 0.6vw; } +/deep/ .ant-form { + width: 100%; +} ///deep/ .ant-select-dropdown-menu-item-selected{ // font-size: 18px; @@ -331,8 +334,14 @@ export default { } .right-div { + display: flex; flex: 0 0 32%; background-color: #fafafa; + display: flex; /* 使用 flex 布局 */ + flex-direction: column; /* 垂直排列子元素 */ + justify-content: center; /* 垂直居中 */ + align-items: center; /* 水平居中 */ + height: 100%; /* 使 div 占满父容器高度 */ } #logo { height: 10%; @@ -410,12 +419,12 @@ export default { width: 100%; /* 宽度 100% */ } #welcome { - height: 28%; - margin-left: 9%; color: #333333; font-size: 1.5vw; align-content: end; font-family: 'Microsoft YaHei', 'SimSun', sans-serif; + text-align: center; + margin-left: 1vw; } #welcome-middle { height: 55%; @@ -501,6 +510,7 @@ export default { /deep/ .ant-select-selection__rendered { line-height: 1.5vw; } + a-select { width: 100%; height: 100%;