123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106 |
- /***** 这里放页面样式 *****/
- // 登录页
- .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;
- }
- }
|