badge.wxss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. @charset "UTF-8";
  2. /***
  3. 全局scss 变量和方法 存放处
  4. */
  5. /* 引入minxin */
  6. /* 颜色变量 */
  7. /*图片地址*/
  8. /* 行为相关颜色 */
  9. /* 文字基本颜色 */
  10. /* 背景颜色 */
  11. /* 边框颜色 */
  12. /* 尺寸变量 */
  13. /* 文字尺寸 */
  14. /* 图片尺寸 */
  15. /* Border Radius */
  16. /* 水平间距 */
  17. /* 垂直间距 */
  18. /* 透明度 */
  19. /* 文章场景相关 */
  20. /* color start*/
  21. .tui-primary.data-v-c1f8e5fc {
  22. background: #5677fc;
  23. color: #fff;
  24. }
  25. .tui-danger.data-v-c1f8e5fc {
  26. background: #ed3f14;
  27. color: #fff;
  28. }
  29. .tui-red.data-v-c1f8e5fc {
  30. background: #ff201f;
  31. color: #fff;
  32. }
  33. .tui-warning.data-v-c1f8e5fc {
  34. background: #ff7900;
  35. color: #fff;
  36. }
  37. .tui-green.data-v-c1f8e5fc {
  38. background: #19be6b;
  39. color: #fff;
  40. }
  41. .tui-white.data-v-c1f8e5fc {
  42. background: #fff;
  43. color: #333;
  44. }
  45. .tui-black.data-v-c1f8e5fc {
  46. background: #000;
  47. color: #fff;
  48. }
  49. .tui-gray.data-v-c1f8e5fc {
  50. background: #ededed !important;
  51. color: #999 !important;
  52. }
  53. /* color end*/
  54. /* badge start*/
  55. .tui-badge-dot.data-v-c1f8e5fc {
  56. height: 16rpx;
  57. width: 16rpx;
  58. border-radius: 8rpx;
  59. line-height: 1;
  60. }
  61. .tui-badge.data-v-c1f8e5fc {
  62. font-size: 24rpx;
  63. line-height: 1;
  64. padding: 4rpx 12rpx 6rpx;
  65. border-radius: 50rpx;
  66. }
  67. .tui-badge-small.data-v-c1f8e5fc {
  68. -webkit-transform: scale(0.8);
  69. transform: scale(0.8);
  70. -webkit-transform-origin: center center;
  71. transform-origin: center center;
  72. }
  73. /* badge end*/