im.scss 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251
  1. /** 原生button样式 **/
  2. uni-button {
  3. font-size: $im-font-size !important;
  4. }
  5. uni-button[type='primary'] {
  6. color: #fff !important;
  7. background-color: $im-color-primary !important;
  8. }
  9. uni-button[type='primary'][plain] {
  10. color: $im-color-primary !important;
  11. border: 1px solid $im-color-primary;
  12. background-color: transparent;
  13. }
  14. uni-button[type='warn'] {
  15. color: #fff !important;
  16. background-color: $im-color-danger !important;
  17. }
  18. uni-button[type='warn'][plain] {
  19. color: $im-color-danger !important;
  20. border: 1px solid $im-color-danger !important;
  21. background-color: transparent !important;
  22. }
  23. uni-button[size='mini'] {
  24. font-size: $im-font-size-smaller !important;
  25. }
  26. // #ifdef MP-WEIXIN
  27. // wx小程序只有button,没有uni-botton
  28. button {
  29. font-size: $im-font-size !important;
  30. }
  31. button[type='primary'] {
  32. color: #fff !important;
  33. background-color: $im-color-primary !important;
  34. }
  35. button[type='primary'][plain] {
  36. color: $im-color-primary !important;
  37. border: 1px solid $im-color-primary;
  38. background-color: transparent;
  39. }
  40. button[type='warn'] {
  41. color: #fff !important;
  42. background-color: $im-color-danger !important;
  43. }
  44. button[type='warn'][plain] {
  45. color: $im-color-danger !important;
  46. border: 1px solid $im-color-danger !important;
  47. background-color: transparent !important;
  48. }
  49. button[size='mini'] {
  50. font-size: $im-font-size-smaller !important;
  51. }
  52. // #endif
  53. .button-hover[type='primary'] {
  54. color: #fff !important;
  55. background-color: $im-color-primary-dark-1 !important;
  56. }
  57. /** uni-ui input激活后边框、图标颜色 **/
  58. .uni-easyinput__content.is-focused:not(.is-input-error-border) {
  59. border-color: $im-color-primary-light-2 !important;
  60. .content-clear-icon {
  61. color: $im-color-primary-light-2 !important;
  62. }
  63. }
  64. /** 底部导航 **/
  65. .uni-tabbar-bottom .uni-tabbar {
  66. box-shadow: $im-box-shadow;
  67. }
  68. .uni-tabbar-border {
  69. display: none;
  70. }
  71. .segmented-control {
  72. border-color: $im-color-primary !important;
  73. .segmented-control__item--button {
  74. border-color: $im-color-primary !important;
  75. }
  76. .segmented-control__item--button--active {
  77. background-color: $im-color-primary !important;
  78. .segmented-control__text{
  79. color: #fff !important;
  80. }
  81. }
  82. .segmented-control__text{
  83. color: $im-color-primary !important;
  84. }
  85. }
  86. .uni-radio-input svg{
  87. border-color: white !important;
  88. background-color: $im-color-primary !important;
  89. }
  90. .uni-radio-input svg {
  91. background-color: $im-color-primary !important;
  92. border-color: $im-color-primary !important;
  93. background-clip: content-box !important;
  94. box-sizing: border-box;
  95. border-radius: 50%;
  96. transform: translate(-50%, -50%) scale(0.7)!important;
  97. }
  98. .uni-radio-input svg path{
  99. fill: $im-color-primary !important;
  100. }
  101. .uni-radio-input {
  102. background-color: white !important;
  103. border-color: $im-color-primary !important;
  104. }
  105. .uni-radio-input-disabled {
  106. background-color: rgb(225, 225, 225) !important;
  107. border-color: rgb(209, 209, 209) !important;
  108. opacity: 0.5;
  109. }
  110. .uni-section__content-title {
  111. font-size: $im-font-size !important;
  112. color: $im-text-color-light;
  113. }
  114. .uni-forms-item__label {
  115. color: $im-text-color;
  116. font-size: $im-font-size !important;
  117. }
  118. .uni-forms-item {
  119. //margin-bottom: 8px !important;
  120. }
  121. .uni-easyinput__content-input {
  122. font-size: $im-font-size !important;
  123. }
  124. .uni-easyinput__placeholder-class {
  125. color: $im-text-color-lighter;
  126. font-size: $im-font-size !important;;
  127. }
  128. .uni-easyinput__content-textarea {
  129. font-size: $im-font-size !important;;
  130. }
  131. .uni-input-input:disabled {
  132. color: $im-text-color-light;
  133. }
  134. .uni-forms-item.is-direction-top .uni-forms-item__label {
  135. padding: 0 !important;
  136. }
  137. .uni-data-checklist .checklist-group .checklist-box .checklist-content .checklist-text {
  138. font-size: $im-font-size !important;
  139. }
  140. .uni-card .uni-card__content {
  141. color: unset !important;
  142. padding: 10px 0 !important;
  143. }
  144. .uni-tag-text--small{
  145. font-size: 10px !important;
  146. font-weight: bolder !important;
  147. }
  148. .uni-switch-input-checked {
  149. background-color: $im-color-primary-light-1 !important;
  150. border-color: $im-color-primary-light-1 !important;
  151. }
  152. .uni-modal__title {
  153. font-size: $im-font-size-larger !important;
  154. }
  155. .uni-modal__bd {
  156. font-size: $im-font-size;
  157. }
  158. .uni-modal__ft {
  159. font-size: $im-font-size;
  160. line-height: 90rpx !important;
  161. .uni-modal__btn_primary {
  162. color: $im-color-primary !important;
  163. }
  164. }
  165. .nav-bar {
  166. height: 100rpx;
  167. padding: 0 20rpx;
  168. display: flex;
  169. align-items: center;
  170. background-color: white;
  171. border-bottom: 1px solid $im-border;
  172. .nav-search {
  173. flex: 1;
  174. }
  175. .nav-add {
  176. cursor: pointer;
  177. }
  178. }
  179. .bottom-btn {
  180. margin: 40rpx 40rpx;
  181. uni-button + uni-button {
  182. margin-top: 20rpx;
  183. }
  184. }
  185. .emoji-large {
  186. width: 64rpx !important;
  187. height: 64rpx !important;
  188. vertical-align: bottom !important;
  189. }
  190. .emoji-normal {
  191. width: 54rpx !important;
  192. height: 54rpx !important;
  193. vertical-align: bottom !important;
  194. }
  195. .emoji-small {
  196. width: 36rpx !important;
  197. height: 36rpx !important;
  198. vertical-align: bottom !important;
  199. }
  200. .none-pointer-events {
  201. uni-image img {
  202. // 阻止微信默认长按菜单
  203. pointer-events: none;
  204. -webkit-pointer-events: none;
  205. -ms-pointer-events: none;
  206. -moz-pointer-events: none;
  207. }
  208. }
  209. p {
  210. margin-block-start: 1em;
  211. margin-block-end: 1em;
  212. }