common.scss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201
  1. /* ==================
  2. 扩展ColorUI
  3. ==================== */
  4. .cu-load.info::before {
  5. content: "\e6e5";
  6. }
  7. .cu-load.info::after {
  8. content: "上滑加载更多";
  9. }
  10. /* ==================
  11. 覆盖UniApp
  12. ==================== */
  13. /* 防止 uni.showToast 被遮盖 */
  14. uni-toast{
  15. z-index: 999999;
  16. }
  17. /* ==================
  18. 覆盖ColorUI
  19. ==================== */
  20. .wrap{
  21. flex-wrap: wrap;
  22. }
  23. .direction{
  24. flex-direction: column;
  25. }
  26. .item-center{
  27. align-items: center;
  28. }
  29. .item-end{
  30. align-items: flex-end;
  31. }
  32. .content-center{
  33. justify-content: center;
  34. }
  35. .content-between{
  36. justify-content: space-between;
  37. }
  38. .content-around{
  39. justify-content: space-around;
  40. }
  41. .relative{
  42. position: relative;
  43. }
  44. .absolute{
  45. position: absolute;
  46. }
  47. .fixed{
  48. position: fixed;
  49. }
  50. .b0{
  51. bottom: 0;
  52. }
  53. .l0{
  54. left: 0;
  55. }
  56. .t0{
  57. top: 0;
  58. }
  59. .r0{
  60. right: 0;
  61. }
  62. .fff{
  63. color: #fff;
  64. }
  65. .p-5{
  66. padding: 5px;
  67. }
  68. .p-10{
  69. padding: 10px;
  70. }
  71. .p-15{
  72. padding: 15px;
  73. }
  74. .p-20{
  75. padding: 20px;
  76. }
  77. .mr-10{
  78. margin-right: 10px;
  79. }
  80. .ml-auto{
  81. margin-left: auto;
  82. }
  83. .w100{
  84. width: 100%;
  85. }
  86. .h100{
  87. height: 100%;
  88. }
  89. .gap{
  90. gap: 10px;
  91. }
  92. .space-nowrap{
  93. white-space: nowrap;
  94. }
  95. .overflow-ellipsis{
  96. text-overflow: ellipsis;
  97. }
  98. .overflow-hidden{
  99. overflow: hidden;
  100. }
  101. .grow{
  102. flex-grow: 1;
  103. }
  104. .cursor-pointer {
  105. cursor: pointer;
  106. }
  107. // 悬浮变色
  108. .hover:hover{
  109. background-color: #8d8da01a;
  110. transition-duration: 0.2s;
  111. }
  112. // 边框颜色
  113. [class*="border"]{
  114. border-width: 1px;
  115. border-style: solid;
  116. }
  117. [class*="border-info"]{
  118. border-color: #FFF3;
  119. }
  120. [class*="border-gray"]{
  121. border-color: rgba(0,0,0, 0.1);
  122. }
  123. .radius{
  124. border-radius: 8px;
  125. }
  126. .z-index{
  127. z-index: 999;
  128. }
  129. // 字大小
  130. [class*="size-mini"]{
  131. font-size: 12px;
  132. }
  133. [class*="size-normal"]{
  134. font-size: 14px;
  135. }
  136. [class*="size-large"]{
  137. font-size: 16px;
  138. }
  139. [class*="size-huge"]{
  140. font-size: 18px;
  141. }
  142. .box-shadow{
  143. box-shadow: 0 0 15px rgba(0,0,0,.1);
  144. }
  145. .background-color-white{
  146. background-color: #FFF;
  147. }
  148. .background-color-gray{
  149. background-color: #ececf1;
  150. }
  151. .background-color-active{
  152. background-color: #8d8da01a;
  153. }
  154. .button-none::after{
  155. border: none;
  156. }