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