微信小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

94 lines
1.8 KiB

  1. page{
  2. background-color: #ffffff;
  3. }
  4. .container{
  5. width: 100vw;
  6. height: 100vh;
  7. }
  8. .container .header{
  9. /* height: 36.94vh; */
  10. padding: 12.24vh 40px 0;
  11. }
  12. .container .header .principal{
  13. height: 6.15vh;
  14. line-height: 6.15vh;
  15. margin-bottom: 0.61vh;
  16. text-align: left;
  17. font-size: 4.92vh;
  18. color: #000000;
  19. font-weight: bold;
  20. }
  21. .container .header .instructions{
  22. font-size: 3.92vh;
  23. height: 4.92vh;
  24. line-height: 4.92vh;
  25. text-align: left;
  26. font-weight: bold;
  27. color: #000000;
  28. }
  29. .container .header .instructions text{
  30. font-weight: bold;
  31. color: #1DCA84;
  32. }
  33. .container .quick-login{
  34. /* position: fixed; */
  35. /* bottom: 8vh; */
  36. width: 100%;
  37. }
  38. .container .quick-login .key-login{
  39. width: 80vw;
  40. height: 6.17vh;
  41. background: linear-gradient( 90deg, #2FE398 0%, #1BCF84 39%, #0ABD73 77%, #00B268 100%);
  42. margin:1vh auto 0;
  43. border-radius: 6.17vh;
  44. text-align: center;
  45. line-height: 6.17vh;
  46. font-size: 2.21vh;
  47. color: #ffffff;
  48. padding: 0;
  49. }
  50. .container .quick-login .key-login2{
  51. width: 80vw;
  52. height: 6.17vh;
  53. background: #E5F5EE;
  54. margin:1vh auto 0;
  55. border-radius: 6.17vh;
  56. text-align: center;
  57. line-height: 6.17vh;
  58. font-size: 2.21vh;
  59. color: #00B268;
  60. padding: 0;
  61. border: none;
  62. }
  63. .container .quick-login .key-login2::after{
  64. border: none;
  65. }
  66. .container .quick-login .authorization{
  67. margin-top: 5vh;
  68. display: flex;
  69. justify-content: center; /* 相对父元素水平居中 */
  70. align-items: center; /* 子元素相对父元素垂直居中 */
  71. color: #999999;
  72. }
  73. .container .quick-login .authorization .changeSize{
  74. transform: scale(0.7,0.7);
  75. }
  76. .container .quick-login .authorization .changeSize .wx-checkbox-input {
  77. border-radius: 1vh;
  78. }
  79. .container .quick-login .authorization text{
  80. margin-left: -.5vw;
  81. }
  82. scroll-view text{
  83. display: block;
  84. line-height: 24px;
  85. text-indent: 2rem;
  86. }