u-badge.wxss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. /**
  2. * 这里是uni-app内置的常用样式变量
  3. *
  4. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  5. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  6. /* uni.scss */
  7. view.data-v-aa9883b1, scroll-view.data-v-aa9883b1, swiper-item.data-v-aa9883b1 {
  8. display: flex;
  9. flex-direction: column;
  10. flex-shrink: 0;
  11. flex-grow: 0;
  12. flex-basis: auto;
  13. align-items: stretch;
  14. align-content: flex-start;
  15. }
  16. .u-badge.data-v-aa9883b1 {
  17. border-top-right-radius: 100px;
  18. border-top-left-radius: 100px;
  19. border-bottom-left-radius: 100px;
  20. border-bottom-right-radius: 100px;
  21. display: flex;
  22. flex-direction: row;
  23. line-height: 11px;
  24. text-align: center;
  25. font-size: 11px;
  26. color: #FFFFFF;
  27. }
  28. .u-badge--dot.data-v-aa9883b1 {
  29. height: 8px;
  30. width: 8px;
  31. }
  32. .u-badge--inverted.data-v-aa9883b1 {
  33. font-size: 13px;
  34. }
  35. .u-badge--not-dot.data-v-aa9883b1 {
  36. padding: 2px 5px;
  37. }
  38. .u-badge--horn.data-v-aa9883b1 {
  39. border-bottom-left-radius: 0;
  40. }
  41. .u-badge--primary.data-v-aa9883b1 {
  42. background-color: #3c9cff;
  43. }
  44. .u-badge--primary--inverted.data-v-aa9883b1 {
  45. color: #3c9cff;
  46. }
  47. .u-badge--error.data-v-aa9883b1 {
  48. background-color: #f56c6c;
  49. }
  50. .u-badge--error--inverted.data-v-aa9883b1 {
  51. color: #f56c6c;
  52. }
  53. .u-badge--success.data-v-aa9883b1 {
  54. background-color: #5ac725;
  55. }
  56. .u-badge--success--inverted.data-v-aa9883b1 {
  57. color: #5ac725;
  58. }
  59. .u-badge--info.data-v-aa9883b1 {
  60. background-color: #909399;
  61. }
  62. .u-badge--info--inverted.data-v-aa9883b1 {
  63. color: #909399;
  64. }
  65. .u-badge--warning.data-v-aa9883b1 {
  66. background-color: #f9ae3d;
  67. }
  68. .u-badge--warning--inverted.data-v-aa9883b1 {
  69. color: #f9ae3d;
  70. }