样式

src/views/SystemManage/QueryPermission.vue

 <!--
  * @Author: your name
  * @Date: 2021-12-24 09:50:39
- * @LastEditTime: 2021-12-28 14:27:24
+ * @LastEditTime: 2021-12-28 15:01:43
  * @LastEditors: Please set LastEditors
  * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  * @FilePath: \founder_vue\src\views\SystemManage\QueryPermission.vue
@@ -43,6 +43,7 @@
 			</div>
 			<div class="stTongji">
 				<div>省/区厅发查询总数：</div>
+				<div class="labelBack blue"></div>
 				<numberInput
 					v-bind:text="numTotalSt"
 					v-bind:preText="numTotalStUsed.toString() + '/'"
@@ -98,6 +99,7 @@
 				<label>{{ dsdw + "公安局" }}</label>
 				<div class="dsTongji">
 					<div>地市发查询总数：</div>
+					<div class="labelBack pink"></div>
 					<numberInput
 						v-bind:text="numTotalDs"
 						v-bind:preText="numTotalDsUsed.toString() + '/'"
@@ -841,4 +843,18 @@ export default {
 .awayLeft {
 	margin-left: 39px;
 }
+.labelBack {
+	height: 8px;
+	opacity: 0.25;
+	position: absolute;
+	margin-top: 13px;
+	&.blue {
+		width: 9rem;
+		background: #006aff;
+	}
+	&.pink {
+		width: 7.5rem;
+		background: #ff3400;
+	}
+}
 </style>