uni.scss 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  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. .u-primary-color {
  17. color: $u-type-primary;
  18. }
  19. .u-other-color {
  20. color: $u-other-color;
  21. }
  22. .u-new-color {
  23. color: $u-new-color;
  24. }
  25. .bg-color {
  26. background-color: #F4F5F9;
  27. }
  28. .bold {
  29. font-weight: bold;
  30. }
  31. .line-20 {
  32. line-height: 20px;
  33. }
  34. .line-22 {
  35. line-height: 22px;
  36. }
  37. .line-24 {
  38. line-height: 24px;
  39. }
  40. .line-26 {
  41. line-height: 26px;
  42. }
  43. .line-28 {
  44. line-height: 28px;
  45. }
  46. .line-30 {
  47. line-height: 30px;
  48. }
  49. .line-32 {
  50. line-height: 32px;
  51. }
  52. .line-33 {
  53. line-height: 33px;
  54. }
  55. .line-34 {
  56. line-height: 34px;
  57. }
  58. .line-36 {
  59. line-height: 36px;
  60. }
  61. .line-38 {
  62. line-height: 38px;
  63. }
  64. .line-40 {
  65. line-height: 40px;
  66. }
  67. .line-42 {
  68. line-height: 42px;
  69. }
  70. .line-44 {
  71. line-height: 44px;
  72. }
  73. .line-50 {
  74. line-height: 50px;
  75. }
  76. .line-56 {
  77. line-height: 56px;
  78. }
  79. .icon-map {
  80. background: url('~@/static/icon/icon_dingwei.png') no-repeat center center;
  81. background-size: contain;
  82. }
  83. .icon-mt {
  84. background: url('~@/static/icon/icon_pp_mt.png') no-repeat center center;
  85. background-size: contain;
  86. }
  87. .icon-elm {
  88. background: url('~@/static/icon/icon_pp_elm.png') no-repeat center center;
  89. background-size: contain;
  90. }
  91. .icon-phone {
  92. background: url('~@/static/icon/icon_pp_lxsj.png') no-repeat center center;
  93. background-size: contain;
  94. }
  95. .icon-shop {
  96. background: url('~@/static/icon/icon_dp.png') no-repeat center center;
  97. background-size: contain;
  98. }
  99. .icon-problem {
  100. background: url('~@/static/icon/problem.png') no-repeat center center;
  101. background-size: contain;
  102. }
  103. .icon-aboutour {
  104. background: url('~@/static/icon/aboutour.png') no-repeat center center;
  105. background-size: contain;
  106. }
  107. .icon-kf {
  108. background: url('~@/static/icon/icon_kf.png') no-repeat center center;
  109. background-size: contain;
  110. }
  111. .icon-order {
  112. background: url('~@/static/icon/order.png') no-repeat center center;
  113. background-size: contain;
  114. }
  115. .icon-jiantou {
  116. background: url('~@/static/icon/jiantou.png') no-repeat center center;
  117. background-size: contain;
  118. }
  119. .icon-bt {
  120. background: url('~@/static/icon/icon_bt.png') no-repeat center center;
  121. background-size: contain;
  122. }
  123. .icon-success {
  124. background: url('~@/static/icon/icon_success.png') no-repeat center center;
  125. background-size: contain;
  126. }
  127. .icon-del-red {
  128. background: url('~@/static/icon/icon_pz_close.png') no-repeat center center;
  129. background-size: contain;
  130. }
  131. .icon-upload-bg {
  132. background: url('~@/static/icon/icon_zujian_sctp.png') no-repeat center center;
  133. background-size: contain;
  134. }