123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172 |
- /***** 这里放页面样式 *****/
- // 登录页
- .ezy-login-page {
- width:100%;height:100vh;background-color: #01a1ff;position: relative;
- background-image: url("@/static/images/login/login-bj.jpg");@include ezy-no-repeat-cover(top);
- .tel-box{
- display: flex;flex-direction: column;box-sizing: border-box;padding: 0 53rpx;
- position: absolute;top:calc(690rpx + var(--status-bar-height));
- left: var(--window-left);right: var(--window-right);
- }
- .tel-img{
- width: 411rpx;height: 73rpx;@include ezy-no-repeat-cover;
- background-image: url("@/static/images/login/login-tel.png");
- }
- .phone-input-box{
- width: 644rpx;height: 144rpx;box-sizing: border-box;padding-bottom: 20rpx;
- display: flex;align-items: center;margin-top: 50rpx;
- background-image: url("@/static/images/login/login-tel-bj.png");@include ezy-no-repeat-cover;
- .phone-prefix {
- font-size: 20px;color: #ffffffd9;font-weight: normal;display: flex;align-items: center;
- span{padding: 0 10px;}
- }
- .phone-prefix::after{content: '';width: 1rpx;height: 40rpx;display: inline-block;;background-color: #ffffffd9;}
- .phone-input {font-size: 20px;padding: 0 22rpx;box-sizing: border-box;color: #fff;}
- .uni-input-placeholder {font-size: 16px;color: #ffffffd9;
- }
- .close-btn{width: 42rpx;height: 42rpx;margin-right: 30rpx;@include ezy-no-repeat-cover;
- background-image: url("@/static/images/login/login-close-icon.png");}
- }
-
- .agreement-checkbox-box {
- display: flex;justify-content: center;margin-top: 4rpx;;
- .agreement-checkbox {
- .uni-checkbox-wrapper{
- color: #ffffffd9;font-size: 14px;line-height: 1;
- flex-direction: row;flex-wrap: wrap;
- .uni-checkbox-input{
- width: 40rpx;height: 40rpx;border: 0;background-color: unset;@include ezy-no-repeat-cover;
- background-image: url("@/static/images/login/login-checked-bj.png");margin-right: 4rpx;
- svg {width: 28;height: 28rpx;top: 48%;left: 50%;}
- }
- }
- .agreement-text{color: #e3f524;}
- }
- }
-
- .yzm-btn-img{
- width: 644rpx;height: 106rpx;margin-top: 84rpx;
- background-image: url("@/static/images/login/login-zym-bj.png");@include ezy-no-repeat-cover;
- }
- .wx-btn-img{
- width: 96rpx;height: 96rpx;position: absolute;bottom:3%;
- left: 50%;transform:translateX(-50%) ;
- background-image: url("@/static/images/login/login-wx-icon.png");@include ezy-no-repeat-cover;
- }
- }
-
- .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;}
- }
|