im.scss 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141
  1. /** 原生button样式 **/
  2. uni-button {
  3. font-size: $im-font-size !important;
  4. }
  5. uni-button[type='primary'] {
  6. colo: #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. colo: #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. .button-hover[type='primary'] {
  27. colo: #fff !important;
  28. background-color: $im-color-primary-dark-1 !important;
  29. }
  30. /** uni-ui input激活后边框、图标颜色 **/
  31. .uni-easyinput__content.is-focused:not(.is-input-error-border) {
  32. border-color: $im-color-primary-light-2 !important;
  33. .content-clear-icon {
  34. color: $im-color-primary-light-2 !important;
  35. }
  36. }
  37. /** 底部导航 **/
  38. .uni-tabbar-bottom .uni-tabbar {
  39. box-shadow: $im-box-shadow;
  40. }
  41. .uni-tabbar-border {
  42. display: none;
  43. }
  44. .segmented-control {
  45. border-color: $im-color-primary !important;
  46. .segmented-control__item--button {
  47. border-color: $im-color-primary !important;
  48. }
  49. .segmented-control__item--button--active {
  50. background-color: $im-color-primary !important;
  51. .segmented-control__text{
  52. color: #fff !important;
  53. }
  54. }
  55. .segmented-control__text{
  56. color: $im-color-primary !important;
  57. }
  58. }
  59. .uni-radio-input {
  60. //border-color: $im-color-primary !important;
  61. //background-color: $im-color-primary !important;
  62. }
  63. .uni-section__content-title {
  64. font-size: $im-font-size !important;
  65. color: $im-text-color-light;
  66. }
  67. .uni-forms-item__label {
  68. color: $im-text-color;
  69. font-size: $im-font-size !important;
  70. }
  71. .uni-forms-item {
  72. //margin-bottom: 8px !important;
  73. }
  74. .uni-easyinput__content-input {
  75. font-size: $im-font-size !important;
  76. }
  77. .uni-easyinput__placeholder-class {
  78. color: $im-text-color-lighter;
  79. font-size: $im-font-size !important;;
  80. }
  81. .uni-easyinput__content-textarea {
  82. font-size: $im-font-size !important;;
  83. }
  84. .uni-input-input:disabled {
  85. color: $im-text-color-light;
  86. }
  87. .uni-forms-item.is-direction-top .uni-forms-item__label {
  88. padding: 0 !important;
  89. }
  90. .uni-data-checklist .checklist-group .checklist-box .checklist-content .checklist-text {
  91. font-size: $im-font-size !important;
  92. }
  93. .uni-card .uni-card__content {
  94. color: unset !important;
  95. padding: 10px 0 !important;
  96. }
  97. .uni-tag-text--small{
  98. font-size: 10px !important;
  99. font-weight: bolder !important;
  100. }
  101. .nav-bar {
  102. height: 100rpx;
  103. padding: 0 20rpx;
  104. display: flex;
  105. align-items: center;
  106. background-color: white;
  107. border-bottom: 1px solid $im-border;
  108. .nav-search {
  109. flex: 1;
  110. }
  111. .nav-add {
  112. cursor: pointer;
  113. }
  114. }
  115. .bottom-btn {
  116. margin: 40rpx 40rpx;
  117. uni-button + uni-button {
  118. margin-top: 20rpx;
  119. }
  120. }