首页样式优化

Signed-off-by: TanYibin <5491541@qq.com>

首页样式优化
Signed-off-by: TanYibin <5491541@qq.com>
谭毅彬
1 parent a154a321
Showing 1 changed file with 13 additions and 3 deletions
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%;