index.scss 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. // 颜色
  2. $color-blue:#3387FF;
  3. $color-white:#FFFFFF;
  4. // 字体大小
  5. $font_size_34:34rpx;
  6. $font_size_36:36rpx;
  7. page{
  8. background-color: #fff;
  9. }
  10. .but_button690{
  11. margin: 10rpx;
  12. width: 690rpx;
  13. height: 88rpx;
  14. font-size: $font_size_34;
  15. font-weight: normal;
  16. }
  17. .but_button630{
  18. margin: 10rpx;
  19. width: 630rpx;
  20. height: 88rpx;
  21. font-size: $font_size_34;
  22. font-weight: normal;
  23. }
  24. .center_in_sequence{
  25. display: flex;
  26. flex-direction: column;
  27. align-items: center;
  28. }
  29. .center_in{
  30. width: 100%;
  31. display: flex;
  32. justify-content: center;
  33. align-items: center;
  34. }
  35. .space_between{
  36. width: 100%;
  37. display: flex;
  38. justify-content: space-between;
  39. align-items: center;
  40. }
  41. .safeDistance{
  42. padding-top: constant(safe-area-inset-top);
  43. padding-top: env(safe-area-inset-top);
  44. }
  45. .up_and_down{
  46. display: flex;
  47. flex-direction: column;
  48. justify-content: space-between;
  49. align-items: center;
  50. }
  51. .font36{
  52. font-size: $font_size_36;
  53. font-weight: bold;
  54. text-align: left;
  55. color: #333;
  56. }
  57. .btn_print {
  58. position: fixed;
  59. bottom: 0;
  60. left: 0;
  61. right: 0;
  62. background-color: #fff;
  63. padding: 20rpx;
  64. }
  65. .wx_card {
  66. position: fixed;
  67. display: flex;
  68. flex-direction: column;
  69. align-items: center;
  70. bottom: 50rpx;
  71. left: 0rpx;
  72. right: 0rpx;
  73. margin-bottom: 50rpx;
  74. }
  75. .card_btn_wx {
  76. display: flex;
  77. align-items: center;
  78. justify-content: center;
  79. width: 70rpx;
  80. height: 70rpx;
  81. border-radius: 50%;
  82. }
  83. // 伪元素1rpx边框
  84. .frame {
  85. position: relative; //重要
  86. }
  87. .frame::after {
  88. position: absolute;
  89. content: '';
  90. border: 2rpx solid #b4b3b1;
  91. border-radius: 50%;
  92. width: 200%;
  93. height: 200%;
  94. top: 0;
  95. left: 0;
  96. transform: scale(0.5);
  97. transform-origin: 0 0;
  98. pointer-events: none;
  99. /* 使伪元素不会阻止鼠标事件 */
  100. }
  101. .title_login_wx {
  102. font-size: 26rpx;
  103. margin-top: 12rpx;
  104. }
  105. .home_card_statist .u-scroll-list__indicator{
  106. margin-top: 0px !important;
  107. }
  108. .u-popup{
  109. .u-fade-enter-active{
  110. touch-action: none;
  111. }
  112. }