uni-badge.wxss 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. .uni-badge.data-v-26a60cd2 {
  12. display: flex;
  13. flex-direction: row;
  14. height: 40rpx;
  15. line-height: 40rpx;
  16. color: #333;
  17. border-radius: 100px;
  18. background-color: #f1f1f1;
  19. background-color: transparent;
  20. text-align: center;
  21. font-family: 'Helvetica Neue', Helvetica, sans-serif;
  22. font-size: 12px;
  23. padding: 0;
  24. }
  25. .uni-badge--inverted.data-v-26a60cd2 {
  26. padding: 0 5px 0 0;
  27. color: #f1f1f1;
  28. }
  29. .uni-badge--default.data-v-26a60cd2 {
  30. color: #333;
  31. background-color: #f1f1f1;
  32. }
  33. .uni-badge--default-inverted.data-v-26a60cd2 {
  34. color: #999;
  35. background-color: transparent;
  36. }
  37. .uni-badge--primary.data-v-26a60cd2 {
  38. color: #fff;
  39. background-color: #5dbc7c;
  40. }
  41. .uni-badge--primary-inverted.data-v-26a60cd2 {
  42. color: #5dbc7c;
  43. background-color: transparent;
  44. }
  45. .uni-badge--success.data-v-26a60cd2 {
  46. color: #fff;
  47. background-color: #4cd964;
  48. }
  49. .uni-badge--success-inverted.data-v-26a60cd2 {
  50. color: #4cd964;
  51. background-color: transparent;
  52. }
  53. .uni-badge--warning.data-v-26a60cd2 {
  54. color: #fff;
  55. background-color: #f0ad4e;
  56. }
  57. .uni-badge--warning-inverted.data-v-26a60cd2 {
  58. color: #f0ad4e;
  59. background-color: transparent;
  60. }
  61. .uni-badge--error.data-v-26a60cd2 {
  62. color: #fff;
  63. background-color: #dd524d;
  64. }
  65. .uni-badge--error-inverted.data-v-26a60cd2 {
  66. color: #dd524d;
  67. background-color: transparent;
  68. }
  69. .uni-badge--small.data-v-26a60cd2 {
  70. -webkit-transform: scale(0.8);
  71. transform: scale(0.8);
  72. -webkit-transform-origin: center center;
  73. transform-origin: center center;
  74. }