app.scss 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. @import '@css/mixin.scss';
  2. .page-gray-all {
  3. filter: grayscale(100%);
  4. }
  5. .at-tab-bar {
  6. height: 140px;
  7. background: #fff;
  8. }
  9. .l-box {
  10. box-sizing: border-box;
  11. &.has-footer {
  12. padding-bottom: 140px;
  13. }
  14. .g-icon-share {
  15. position: fixed;
  16. right: 30px;
  17. bottom: 180px;
  18. width: 120px;
  19. height: 120px;
  20. z-index: 99;
  21. overflow: hidden;
  22. &.b2 {
  23. bottom: 300px;
  24. }
  25. &.t2 {
  26. bottom: auto;
  27. top: 400px;
  28. }
  29. .img {
  30. width: 120px;
  31. height: 120px;
  32. }
  33. }
  34. .g-u-btn {
  35. position: fixed;
  36. top: 0;
  37. right: 0;
  38. bottom: 0;
  39. left: 0;
  40. z-index: 99999;
  41. opacity: 0;
  42. outline: none;
  43. -webkit-appearance: none;
  44. border-radius: 0;
  45. &.t2 {
  46. position: absolute;
  47. }
  48. }
  49. .g-go-home {
  50. position: fixed;
  51. bottom: 180px;
  52. width: 128px;
  53. height: 128px;
  54. right: 20px;
  55. z-index: 9;
  56. border-radius: 50%;
  57. overflow: hidden;
  58. &.t2 {
  59. bottom: 300px;
  60. }
  61. }
  62. .scoped-fix-q2 {
  63. position: fixed;
  64. bottom: 200px;
  65. right: 50px;
  66. z-index: 99;
  67. width: 156px;
  68. height: 166px;
  69. &.t2 {
  70. bottom: 320px;
  71. right: 20px;
  72. }
  73. .img {
  74. width: 156px;
  75. height: 166px;
  76. }
  77. }
  78. }
  79. View {
  80. // font-family: 'pf';
  81. font-family: 'Microsoft YaHei';
  82. }
  83. .l-area-box {
  84. @include itemBox(0 20px 20px);
  85. position: relative;
  86. background: #fff;
  87. .lab-title {
  88. height: 34px;
  89. line-height: 34px;
  90. border-left: 10px solid $mainColor;
  91. padding-left: 20px;
  92. font-size: 32px;
  93. color: #333;
  94. position: relative;
  95. }
  96. .lab-title-right {
  97. position: absolute;
  98. top: 0;
  99. right: 0;
  100. color: #999;
  101. font-size: 28px;
  102. &.t2 {
  103. color: $mainColor;
  104. text-decoration: underline;
  105. }
  106. }
  107. .lab-chart {
  108. height: 400px;
  109. }
  110. }
  111. pendant {
  112. position: fixed;
  113. z-index: 9999999999999999999;
  114. bottom: 300px;
  115. left: 50px;
  116. width: 10px;
  117. height: 10px;
  118. }
  119. .g-view-btn {
  120. padding: 0;
  121. margin: 0;
  122. border: none;
  123. outline: none;
  124. background: transparent;
  125. border-radius: 0;
  126. box-shadow: none;
  127. display: inline-block;
  128. }
  129. .g-fixed-top-left {
  130. position: fixed;
  131. top: 90px;
  132. left: 20px;
  133. width: 64px;
  134. height: 64px;
  135. z-index: 9999999;
  136. .img {
  137. width: 64px;
  138. height: 64px;
  139. }
  140. }