im.scss 5.3 KB

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