tn-badge.wxss 969 B

123456789101112131415161718192021222324252627282930313233343536
  1. @charset "UTF-8";
  2. /**
  3. * 下方引入的为Tuniao UI的集成样式文件,为scss预处理器,其中包含了一些"tn-"开头的自定义变量
  4. * 使用的时候,请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可
  5. * Tuniao UI自定义的css类名和scss变量,均以"tn-"开头,不会造成冲突,请放心使用
  6. */
  7. .tn-badge.data-v-494ae17c {
  8. width: auto;
  9. height: auto;
  10. box-sizing: border-box;
  11. display: flex;
  12. align-items: center;
  13. justify-content: center;
  14. z-index: 10;
  15. font-size: 20rpx;
  16. background-color: #FFFFFF;
  17. border-radius: 100rpx;
  18. padding: 4rpx 12rpx;
  19. line-height: initial;
  20. }
  21. .tn-badge--dot.data-v-494ae17c {
  22. width: 8rpx;
  23. height: 8rpx;
  24. border-radius: 50%;
  25. padding: 0;
  26. }
  27. .tn-badge--absolute.data-v-494ae17c {
  28. position: absolute;
  29. top: 0;
  30. right: 0;
  31. }
  32. .tn-badge--center-position.data-v-494ae17c {
  33. -webkit-transform: translate(50%, -50%);
  34. transform: translate(50%, -50%);
  35. }