新增两项通用样式

css/style.min.css

@@ -275,6 +275,47 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
 .label-outline-brown::before {
     background-color: #8d6658;
 }
+/* 淡一些的颜色 */
+.label-primary-light {
+    background-color: rgba(51, 202, 187, .15);
+    color: #33cabb;
+}
+.label-success-light {
+    background-color: rgba(21, 195, 119, .15);
+    color: #15c377;
+}
+.label-info-light {
+    background-color: rgba(72,176,247, .15);
+    color: #48b0f7;
+}
+.label-warning-light {
+    background-color: rgba(250,166,75, .15);
+    color: #faa64b;
+}
+.label-danger-light {
+    background-color: rgba(249,104,104, .15);
+    color: #f96868;
+}
+.label-purple-light {
+    background-color: rgba(146,109,222, .15);
+    color: #926dde;
+}
+.label-pink-light {
+    background-color: rgba(249,97,151, .15);
+    color: #f96197;
+}
+.label-cyan-light {
+    background-color: rgba(87,199,212, .15);
+    color: #57c7d4;
+}
+.label-yellow-light {
+    background-color: rgba(252,197,37, .15);
+    color: #fcc525;
+}
+.label-brown-light {
+    background-color: rgba(141,102,88, .15);
+    color: #8d6658;
+}
 
 /* well */
 .well {
@@ -2474,6 +2515,31 @@ dd, dt {
     border-right: 0px;
 }
 
+/* 圆点 */
+.badge-dot {
+    min-width: inherit;
+    padding: 0px;
+    width: 8px;
+    height: 8px;
+    -webkit-border-radius: 100%;
+    border-radius: 100%;
+}
+.badge-dot:empty {
+    display: inline-block;
+}
+.badge-dot-sm {
+    width: 6px;
+    height: 6px;
+}
+.badge-dot-lg {
+    width: 10px;
+    height: 10px;
+}
+.badge-dot-xl {
+    width: 12px;
+    height: 12px;
+}
+
 /* 其他辅助类 */
 .d-none {
     display: none !important;