uni.scss 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
  1. @import 'uview-ui/theme.scss';
  2. $u-type-primary: #FF6632;
  3. $u-type-other: #FF7445;
  4. $u-main-color: #111111;
  5. $u-content-color: #767778;
  6. $u-tips-color: #212121;
  7. $u-light-color: #D3D4D5;
  8. $u-other-color: #98999A;
  9. $u-new-color: #FA6400;
  10. $bg-color: #F4F5F9;
  11. $bg-personl-info-color: linear-gradient(90deg, #FC744B 0%, #FE4035 100%, #FE4035 100%);
  12. $u-border-color: #EAEBEC;
  13. @mixin lineHeight ($line) {
  14. line-height: $line * 2;
  15. }
  16. .touch-bottom {
  17. padding: 30px 0;
  18. color: #babbbc;
  19. }
  20. .u-primary-color {
  21. color: $u-type-primary;
  22. }
  23. .u-other-color {
  24. color: $u-other-color;
  25. }
  26. .u-new-color {
  27. color: $u-new-color;
  28. }
  29. .bg-color {
  30. background-color: #F4F5F9;
  31. }
  32. .bold {
  33. font-weight: bold;
  34. }
  35. .line-20 {
  36. line-height: 20px;
  37. }
  38. .line-22 {
  39. line-height: 22px;
  40. }
  41. .line-24 {
  42. line-height: 24px;
  43. }
  44. .line-26 {
  45. line-height: 26px;
  46. }
  47. .line-28 {
  48. line-height: 28px;
  49. }
  50. .line-30 {
  51. line-height: 30px;
  52. }
  53. .line-32 {
  54. line-height: 32px;
  55. }
  56. .line-33 {
  57. line-height: 33px;
  58. }
  59. .line-34 {
  60. line-height: 34px;
  61. }
  62. .line-36 {
  63. line-height: 36px;
  64. }
  65. .line-38 {
  66. line-height: 38px;
  67. }
  68. .line-40 {
  69. line-height: 40px;
  70. }
  71. .line-42 {
  72. line-height: 42px;
  73. }
  74. .line-44 {
  75. line-height: 44px;
  76. }
  77. .line-50 {
  78. line-height: 50px;
  79. }
  80. .line-56 {
  81. line-height: 56px;
  82. }
  83. .icon-map {
  84. background: url('~@/static/icon/icon_dingwei.png') no-repeat center center;
  85. background-size: contain;
  86. }
  87. .icon-mt {
  88. background: url('~@/static/icon/icon_pp_mt.png') no-repeat center center;
  89. background-size: contain;
  90. }
  91. .icon-elm {
  92. background: url('~@/static/icon/icon_pp_elm.png') no-repeat center center;
  93. background-size: contain;
  94. }
  95. .icon-phone {
  96. background: url('~@/static/icon/icon_pp_lxsj.png') no-repeat center center;
  97. background-size: contain;
  98. }
  99. .icon-shop {
  100. background: url('~@/static/icon/icon_dp.png') no-repeat center center;
  101. background-size: contain;
  102. }
  103. .icon-problem {
  104. background: url('~@/static/icon/problem.png') no-repeat center center;
  105. background-size: contain;
  106. }
  107. .icon-aboutour {
  108. background: url('~@/static/icon/aboutour.png') no-repeat center center;
  109. background-size: contain;
  110. }
  111. .icon-kf {
  112. background: url('~@/static/icon/icon_kf.png') no-repeat center center;
  113. background-size: contain;
  114. }
  115. .icon-order {
  116. background: url('~@/static/icon/order.png') no-repeat center center;
  117. background-size: contain;
  118. }
  119. .icon-jiantou {
  120. background: url('~@/static/icon/jiantou.png') no-repeat center center;
  121. background-size: contain;
  122. }
  123. .icon-bt {
  124. background: url('~@/static/icon/icon_bt.png') no-repeat center center;
  125. background-size: contain;
  126. }
  127. .icon-success {
  128. background: url('~@/static/icon/icon_success.png') no-repeat center center;
  129. background-size: contain;
  130. }
  131. .icon-del-red {
  132. background: url('~@/static/icon/icon_pz_close.png') no-repeat center center;
  133. background-size: contain;
  134. }
  135. .icon-upload-bg {
  136. background: url('~@/static/icon/icon_zujian_sctp.png') no-repeat center center;
  137. background-size: contain;
  138. }