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.
 
 

104 line
1.8 KiB

  1. /* components/userNumberSync.wxss */
  2. .component {
  3. position: fixed;
  4. top: 0;
  5. left: 0;
  6. width: 100%;
  7. height: 100%;
  8. transition: all 0.3s;
  9. z-index: -100;
  10. &.active {
  11. background-color: #000000a2;
  12. z-index: 999;
  13. }
  14. .checkBox {
  15. position: fixed;
  16. bottom: -800rpx;
  17. width: 100%;
  18. height: 0rpx;
  19. background-color: #ffffff;
  20. border-radius: 5% 5% 0 0;
  21. transition: all 0.3s;
  22. z-index: -100;
  23. &.active {
  24. bottom: 0;
  25. height: 55%;
  26. z-index: 999;
  27. }
  28. .logo {
  29. width: 200rpx;
  30. height: 200rpx;
  31. margin: 50rpx auto;
  32. margin-bottom: 90rpx;
  33. image {
  34. width: 100%;
  35. }
  36. .title {
  37. text-align: center;
  38. font-weight: 600;
  39. font-size: 50rpx;
  40. color: #4b4b4b;
  41. }
  42. }
  43. .memberNotice {
  44. text-align: center;
  45. font-weight: 200;
  46. }
  47. .getPhoneNumber {
  48. width: 70%;
  49. border-radius: 20rpx;
  50. margin-top: 50rpx;
  51. }
  52. .skip {
  53. text-align: center;
  54. margin: 40rpx 0;
  55. }
  56. .userProtocolModel {
  57. text-align: center;
  58. margin-bottom: 30rpx;
  59. .textInside {
  60. position: relative;
  61. .agreeButton {
  62. position: absolute;
  63. left: 80rpx;
  64. width: 35rpx;
  65. height: 35rpx;
  66. line-height: 35rpx;
  67. border: 1px solid #464646;
  68. border-radius: 50% 50%;
  69. color: #ffffff;
  70. text-align: center;
  71. image {
  72. width: 100%;
  73. height: 100%;
  74. }
  75. &.active {
  76. border: 0px solid #464646;
  77. }
  78. }
  79. .userProtocol {
  80. text-align: center;
  81. color: #929292;
  82. text-decoration: underline;
  83. margin-bottom: 15rpx;
  84. }
  85. }
  86. }
  87. }
  88. }