im.scss 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192
  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 {
  87. //border-color: $im-color-primary !important;
  88. //background-color: $im-color-primary !important;
  89. }
  90. .uni-section__content-title {
  91. font-size: $im-font-size !important;
  92. color: $im-text-color-light;
  93. }
  94. .uni-forms-item__label {
  95. color: $im-text-color;
  96. font-size: $im-font-size !important;
  97. }
  98. .uni-forms-item {
  99. //margin-bottom: 8px !important;
  100. }
  101. .uni-easyinput__content-input {
  102. font-size: $im-font-size !important;
  103. }
  104. .uni-easyinput__placeholder-class {
  105. color: $im-text-color-lighter;
  106. font-size: $im-font-size !important;;
  107. }
  108. .uni-easyinput__content-textarea {
  109. font-size: $im-font-size !important;;
  110. }
  111. .uni-input-input:disabled {
  112. color: $im-text-color-light;
  113. }
  114. .uni-forms-item.is-direction-top .uni-forms-item__label {
  115. padding: 0 !important;
  116. }
  117. .uni-data-checklist .checklist-group .checklist-box .checklist-content .checklist-text {
  118. font-size: $im-font-size !important;
  119. }
  120. .uni-card .uni-card__content {
  121. color: unset !important;
  122. padding: 10px 0 !important;
  123. }
  124. .uni-tag-text--small{
  125. font-size: 10px !important;
  126. font-weight: bolder !important;
  127. }
  128. .nav-bar {
  129. height: 100rpx;
  130. padding: 0 20rpx;
  131. display: flex;
  132. align-items: center;
  133. background-color: white;
  134. border-bottom: 1px solid $im-border;
  135. .nav-search {
  136. flex: 1;
  137. }
  138. .nav-add {
  139. cursor: pointer;
  140. }
  141. }
  142. .bottom-btn {
  143. margin: 40rpx 40rpx;
  144. uni-button + uni-button {
  145. margin-top: 20rpx;
  146. }
  147. }
  148. .emoji-large {
  149. width: 64rpx;
  150. height: 64rpx;
  151. vertical-align: bottom;
  152. }
  153. .emoji-normal {
  154. width: 54rpx;
  155. height: 54rpx;
  156. vertical-align: bottom;
  157. }
  158. .emoji-small {
  159. width: 36rpx;
  160. height: 36rpx;
  161. vertical-align: bottom;
  162. }