mini-starter/mini/src/components/tdesign/badge/index.css

/* 徽章组件样式 - 严格对照 TDesign 实现 */
.tdesign-badge {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}

/* 基础徽章样式 */
.tdesign-badge--count {
  padding: 0 8rpx;
  font-size: 20rpx;
  color: #fff;
  background-color: #FF4646;
  text-align: center;
  font-weight: 600;
  border-radius: 4rpx;
}

/* 点状徽章 */
.tdesign-badge--dot {
  height: 16rpx;
  border-radius: 50%;
  min-width: 16rpx;
  padding: 0;
}

/* 尺寸变体 */
.tdesign-badge--small {
  height: 24rpx;
  min-width: 24rpx;
  line-height: 24rpx;
  font-size: 16rpx;
}

.tdesign-badge--medium {
  height: 32rpx;
  min-width: 32rpx;
  line-height: 32rpx;
  font-size: 20rpx;
}

.tdesign-badge--large {
  height: 40rpx;
  min-width: 40rpx;
  line-height: 40rpx;
  font-size: 24rpx;
  padding: 0 10rpx;
}

/* 形状变体 */
.tdesign-badge--circle {
  border-radius: 100rpx;
}

.tdesign-badge--square {
  border-radius: 4rpx;
}

/* 徽章内容 */
.tdesign-badge__content {
  display: block;
  line-height: 1;
  color: #fff;
  font-weight: bold;
}