/***** 这里放页面样式 *****/ // 登录页 .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-direction: column;justify-content: space-between;align-items: center; background-color: blue;position: relative;height:$titleBar-tabBar-page; .page-content{ background-color: #9ed5cf;width: 100%;text-align: center;display: block; margin-top: 44px;flex: 1; span{ font-size: 24px;padding: 20px 0;display: block;font-weight: 900;color: #09539a; -webkit-text-stroke: 1rpx #fff; /* 文字描边(仅webkit内核浏览器支持) */ text-stroke: 1rpx #fff; /* 未来可能的标准属性,目前支持有限 */ text-shadow: 4px 4px 4px rgba(110, 229, 249, 0.5); /* 文字阴影 */ } } .bottom-word{position: absolute;bottom: 0;margin-top: 0;} }