/* color start*/ .tui-primary { background: #5677fc; color: #fff; } .tui-danger { background: #ed3f14; color: #fff; } .tui-red { background: #ff201f; color: #fff; } .tui-warning { background: #ff7900; color: #fff; } .tui-green { background: #19be6b; color: #fff; } .tui-white { background: #fff; color: #333; } .tui-black { background: #000; color: #fff; } .tui-gray { background: #ededed; color: #999; } /* color end*/ /* badge start*/ .tui-badge-dot { height: 16rpx; width: 16rpx; border-radius: 8rpx; /* display: inline-block; vertical-align: middle; */ line-height: 1; } .tui-badge { font-size: 12px; line-height: 1; /* display: inline-block; vertical-align: middle; */ padding: 3px 6px; border-radius: 50px; } .tui-badge-small { transform: scale(0.8); transform-origin: center center; } /* badge end*/