index.scss 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265
  1. @import "font";
  2. @import 'svgicon';
  3. @import 'reset';
  4. /* Global scss */
  5. * {
  6. //-webkit-overflow-scrolling:auto !important;
  7. }
  8. body {
  9. position: fixed;
  10. top: 0;
  11. bottom: 0;
  12. background: #F5F5F5;
  13. width: 100%;
  14. height: 100%;
  15. overflow: hidden;
  16. font-family: 'Noto Sans SC';
  17. -webkit-touch-callout: none !important;
  18. -webkit-user-select: none;
  19. }
  20. html {
  21. position: fixed;
  22. top: 0;
  23. bottom: 0;
  24. width: 100%;
  25. height: 100%;
  26. overflow: hidden;
  27. touch-action: none;
  28. }
  29. * {
  30. touch-action: pan-y;
  31. }
  32. #app {
  33. width: 100%;
  34. height: 100%;
  35. }
  36. .home {
  37. width: 100%;
  38. height: 100%;
  39. overflow: auto;
  40. }
  41. *,
  42. *:before,
  43. *:after {
  44. box-sizing: border-box;
  45. }
  46. a,
  47. a:focus,
  48. a:hover {
  49. color: inherit;
  50. outline: none;
  51. text-decoration: none;
  52. }
  53. div:focus {
  54. outline: none;
  55. }
  56. .clearfix {
  57. @include clearfix;
  58. }
  59. .mr20 {
  60. margin-right: 20px;
  61. }
  62. .mr10 {
  63. margin-right: 10px;
  64. }
  65. .box-active {
  66. background: #FFE823 !important;
  67. }
  68. .page-box {
  69. padding: 0 20px;
  70. padding-bottom: 50px;
  71. }
  72. .pheight {
  73. width: 100%;
  74. height: 100%;
  75. //height: calc(100% - 48px);
  76. padding-bottom: 100px;
  77. overflow: auto;
  78. }
  79. .content-box {
  80. padding: 0px 20px;
  81. }
  82. .ptheader {
  83. width: 100%;
  84. padding-top: 48px;
  85. }
  86. .ignore_com-top {
  87. position: fixed;
  88. z-index: 999;
  89. top: 0;
  90. left: 0;
  91. right: 0;
  92. bottom: 0;
  93. width: 100%;
  94. height: 48px;
  95. z-index: 444;
  96. }
  97. .clearfix {
  98. zoom: 1;
  99. }
  100. /*==for IE6/7 Maxthon2==*/
  101. .clearfix :after {
  102. clear: both;
  103. content: '.';
  104. display: block;
  105. width: 0;
  106. height: 0;
  107. visibility: hidden;
  108. }
  109. .fl {
  110. float: left;
  111. }
  112. .fr {
  113. float: right;
  114. }
  115. .no-data {
  116. img {
  117. display: block;
  118. width: 60%;
  119. max-width: 450px;
  120. margin: 0 auto;
  121. }
  122. span {
  123. display: block;
  124. font-size: 14px;
  125. text-align: center;
  126. }
  127. }
  128. .click-disable {
  129. //border: 2px solid #DFE3ED;
  130. box-shadow: none;
  131. background-repeat: repeat;
  132. border: 2px solid #dfe3ed;
  133. background-image: url('/borui/images/map-icon/bg_disable.png');
  134. }
  135. .main-left {
  136. width: calc(100% - 375px);
  137. }
  138. .main-right {
  139. width: 375px;
  140. }
  141. .popup-content {
  142. height: 100%;
  143. width: 500px;
  144. padding: 3.33vh 20px;
  145. }
  146. .van-switch--on {
  147. background: $elActiveColor !important;
  148. }
  149. .van-switch__node {
  150. width: 24px !important;
  151. height: 24px !important;
  152. }
  153. .switch-btn {
  154. width: 48px !important;
  155. height: 24px !important;
  156. }
  157. .com-search {
  158. position: relative;
  159. .van-search {
  160. padding: 0 !important;
  161. width: 100%;
  162. height: 44px;
  163. border: 1px solid #c3c7cb;
  164. border-radius: 22px;
  165. background: #fff;
  166. font-size: 16px;
  167. line-height: 26px;
  168. color: #c3c7cb;
  169. }
  170. .van-field__left-icon {
  171. display: none;
  172. }
  173. .search-box {
  174. flex: 1;
  175. height: 44px;
  176. }
  177. .search-icon {
  178. position: absolute;
  179. right: 0;
  180. top: 0;
  181. display: inline-block;
  182. // background: #fff;
  183. // height: 44px;
  184. // line-height: 44px;
  185. // width: 42px;
  186. padding-right: 20px;
  187. border-radius: 0 22px 22px 0;
  188. img {
  189. width: 24px;
  190. height: 24px;
  191. margin-top: 10px;
  192. }
  193. // height: 22px;
  194. }
  195. .van-search__field {
  196. border-radius: 22px;
  197. padding: 0 !important;
  198. background: #fff;
  199. }
  200. .van-icon-clear {
  201. margin-right: 50px;
  202. }
  203. .van-search__content {
  204. width: 99%;
  205. background: transparent !important;
  206. }
  207. .van-icon-search:before {
  208. // display: none;
  209. font-size: 25px;
  210. color: #373c43;
  211. }
  212. }
  213. .van-dialog__confirm,
  214. .van-dialog__confirm:active {
  215. color: $elActiveColor !important;
  216. }