金诚优选前端代码
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

145 lines
2.5 KiB

  1. /* button */
  2. button::after {
  3. border: 0;
  4. }
  5. /* radio/checkbox */
  6. uni-radio .uni-radio-input {
  7. width: 30rpx;
  8. height: 30rpx;
  9. }
  10. /* #ifdef H5 */
  11. radio .uni-radio-input,
  12. checkbox .uni-checkbox-input {
  13. /* border-radius: 50%; */
  14. transform: scale(0.8);
  15. }
  16. radio .uni-radio-input.uni-radio-input-checked,
  17. checkbox .uni-checkbox-input.uni-checkbox-input-checked {
  18. /* border-radius: 50%; */
  19. border: 1px solid #1998FE !important;
  20. background: #1998FE !important;
  21. color: #FFFFFF !important;
  22. }
  23. radio .uni-radio-input.uni-radio-input-checked::before,
  24. checkbox .uni-checkbox-input.uni-checkbox-input-checked::before {
  25. font-size: 13px;
  26. }
  27. radio:not([disabled]) .uni-radio-input:hover,
  28. checkbox:not([disabled]) .uni-checkbox-input:hover {
  29. border-color: #d1d1d1 !important;
  30. }
  31. /* #endif */
  32. /* #ifdef APP-PLUS || MP */
  33. radio .wx-radio-input,
  34. checkbox .wx-checkbox-input {
  35. border-radius: 50%;
  36. transform: scale(0.8);
  37. }
  38. radio .wx-radio-input.wx-radio-input-checked,
  39. checkbox .wx-checkbox-input.wx-checkbox-input-checked {
  40. border-radius: 50%;
  41. border: 1px solid #1998FE !important;
  42. background: #1998FE !important;
  43. color: #FFFFFF !important;
  44. }
  45. radio .wx-radio-input.wx-radio-input-checked::before,
  46. checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
  47. font-size: 18px;
  48. }
  49. radio:not([disabled]) .wx-radio-input:hover checkbox:not([disabled]) .wx-checkbox-input:hover {
  50. border-color: #d1d1d1 !important;
  51. }
  52. /* #endif */
  53. .lf-color-primary {
  54. color: #186c6b !important;
  55. }
  56. .lf-bg-primary {
  57. background: #186c6b !important;
  58. }
  59. .lf-color-secondary {
  60. color: #FE8800 !important;
  61. }
  62. .lf-bg-secondary {
  63. background: #FE8800 !important;
  64. }
  65. .lf-color-black {
  66. color: #222222 !important;
  67. }
  68. .lf-bg-black {
  69. background: #222222 !important;
  70. }
  71. .lf-color-white {
  72. color: #FFFFFF !important;
  73. }
  74. .lf-bg-white {
  75. background: #FFFFFF !important;
  76. }
  77. .lf-bg-red {
  78. background: #FF0000 !important;
  79. }
  80. .lf-color-gray {
  81. color: #777777 !important;
  82. }
  83. .lf-bg-gray {
  84. background: #777777 !important;
  85. }
  86. .lf-bg-blue {
  87. background: #1998FE !important;
  88. }
  89. .lf-color-green {
  90. color: #0BCE5F !important;
  91. }
  92. .lf-border-green {
  93. border: 1px solid #0BCE5F !important;
  94. }
  95. .lf-border-blue {
  96. border: 1px solid #1998FE !important;
  97. }
  98. .lf-border-gray {
  99. border: 1px solid #555555 !important;
  100. }
  101. /* 一些常用的字体颜色 */
  102. .lf-color-price {
  103. color: #FF0000 !important;
  104. }
  105. .lf-color-999{
  106. color: #999999 !important;
  107. }
  108. .lf-color-666{
  109. color: #666666 !important;
  110. }
  111. .lf-color-555{
  112. color: #555555 !important;
  113. }
  114. .lf-color-333{
  115. color: #333333 !important;
  116. }
  117. .lf-color-blue {
  118. color: #1998FE !important;
  119. }