edu-mini/components/badge/badge.wxss

.container {
    position: relative;
}

.dot {
    border: 1rpx solid #FFFFFF;
    position: absolute;
    top: -5rpx;
    height: 25rpx;
    line-height: 25rpx;
    background: linear-gradient(0deg, #FF7B60 0%, #FF4330 100%);
    border-radius: 50%;
    font-size: 16rpx;

    color: #FFFFFF;
    min-width: 25rpx;
    text-align: center;
    z-index: 2;
}

.top-left {
    left: -5rpx;
}

.top-right {
    right: -5rpx;
}