/***** 这里放页面样式 *****/ // 登录页 .mobile-login-page { width: 100%; height: 100%; background: #FFF; text-align: center; position: absolute; overflow: auto; .login-top { height: 540rpx; background-size: cover; background-image: url("@/static/images/login/login-bj-sj.png"); // logo } .login-logo { width: 266rpx; max-height: 100rpx; margin-top: 156rpx; } .login-text { display: block; font-size: 64rpx; color: #FFF; margin: 24rpx 0 0; font-weight: 700 } // 登录区域 .login-body { width: 100%; padding: 0 60px; box-sizing: border-box; margin: 140rpx auto 0; .input-container { display: flex; align-items: center; /* 垂直对齐 */ position: relative; height: 100rpx; border-radius: 50rpx; background-color: #F7F7F7; padding: 0; margin-bottom: 40rpx; } .input-icon { margin-left: 20rpx; /* 图标和输入框之间的间距 */ color: #999; } } // 输入框 .login-btn { width: 100%; height: 100rpx; margin-top: 60rpx; font-size: 36rpx; letter-spacing: 7.2rpx; background: linear-gradient(0deg, #436aff 0%, #234ff7 100%); border-radius: 50rpx; border: 0; color: #F7F7F7; line-height: 100rpx; } .login-change { display: flex; justify-content: space-between; align-items: center; .checkbox-zhanghao { font-size: 24rpx; color: #565656; } } } .lli-develop-expect-page{ display: flex; /* 开启flex布局 */ flex-direction: column; /* 子元素在垂直方向上堆叠 */ justify-content: space-between; /* 子元素在垂直方向上分散对齐 */ align-items: center; /* 子元素在水平方向上居中 */ /* 高度设置为100%,使其充满整个屏幕 */ background-color: blue; position: relative; height:$titleBar-tabBar-page; text{ background-color: antiquewhite;width: 100%;text-align: center;display: block; margin-top: 44px;flex: 1; // bottom: calc(var(--window-bottom) + 10px); } .bottom-word{ position: absolute;bottom: 0;margin-top: 0; } }