pages.scss 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. /***** 这里放页面样式 *****/
  2. // 登录页
  3. .ezy-login-page {
  4. width:100%;height:100vh;background-color: #01a1ff;position: relative;
  5. background-image: url("@/static/images/login/login-bj.jpg");@include ezy-no-repeat-cover(top);
  6. .tel-box{
  7. display: flex;flex-direction: column;box-sizing: border-box;padding: 0 53rpx;
  8. position: absolute;top:calc(690rpx + var(--status-bar-height));
  9. left: var(--window-left);right: var(--window-right);
  10. }
  11. .tel-img{
  12. width: 411rpx;height: 73rpx;@include ezy-no-repeat-cover;
  13. background-image: url("@/static/images/login/login-tel.png");
  14. }
  15. .phone-input-box{
  16. width: 644rpx;height: 144rpx;box-sizing: border-box;padding-bottom: 20rpx;
  17. display: flex;align-items: center;margin-top: 50rpx;
  18. background-image: url("@/static/images/login/login-tel-bj.png");@include ezy-no-repeat-cover;
  19. .phone-prefix {
  20. font-size: 20px;color: #ffffffd9;font-weight: normal;display: flex;align-items: center;
  21. span{padding: 0 10px;}
  22. }
  23. .phone-prefix::after{content: '';width: 1rpx;height: 40rpx;display: inline-block;;background-color: #ffffffd9;}
  24. .phone-input {font-size: 20px;padding: 0 22rpx;box-sizing: border-box;color: #fff;}
  25. .uni-input-placeholder {font-size: 16px;color: #ffffffd9;
  26. }
  27. .close-btn{width: 42rpx;height: 42rpx;margin-right: 30rpx;@include ezy-no-repeat-cover;
  28. background-image: url("@/static/images/login/login-close-icon.png");}
  29. }
  30. .agreement-checkbox-box {
  31. display: flex;justify-content: center;margin-top: 4rpx;;
  32. .agreement-checkbox {
  33. .uni-checkbox-wrapper{
  34. color: #ffffffd9;font-size: 14px;line-height: 1;
  35. flex-direction: row;flex-wrap: wrap;
  36. .uni-checkbox-input{
  37. width: 40rpx;height: 40rpx;border: 0;background-color: unset;@include ezy-no-repeat-cover;
  38. background-image: url("@/static/images/login/login-checked-bj.png");margin-right: 4rpx;
  39. svg {width: 28;height: 28rpx;top: 48%;left: 50%;}
  40. }
  41. }
  42. .agreement-text{color: #e3f524;}
  43. }
  44. }
  45. .yzm-btn-img{
  46. width: 644rpx;height: 106rpx;margin-top: 84rpx;
  47. background-image: url("@/static/images/login/login-zym-bj.png");@include ezy-no-repeat-cover;
  48. }
  49. .wx-btn-img{
  50. width: 96rpx;height: 96rpx;position: absolute;bottom:3%;
  51. left: 50%;transform:translateX(-50%) ;
  52. background-image: url("@/static/images/login/login-wx-icon.png");@include ezy-no-repeat-cover;
  53. }
  54. }
  55. .lli-develop-expect-page{
  56. display: flex;flex-direction: column;justify-content: space-between;align-items: center;
  57. background-color: blue;position: relative;height:$titleBar-tabBar-page;
  58. .page-content{
  59. background-color: #9ed5cf;width: 100%;text-align: center;display: block;
  60. margin-top: 44px;flex: 1;
  61. span{
  62. font-size: 24px;padding: 20px 0;display: block;font-weight: 900;color: #09539a;
  63. -webkit-text-stroke: 1rpx #fff; /* 文字描边(仅webkit内核浏览器支持) */
  64. text-stroke: 1rpx #fff; /* 未来可能的标准属性,目前支持有限 */
  65. text-shadow: 4px 4px 4px rgba(110, 229, 249, 0.5); /* 文字阴影 */
  66. }
  67. }
  68. .bottom-word{position: absolute;bottom: 0;margin-top: 0;}
  69. }