diff --git a/src/assets/css/components/views/charts2/networkOverviewApps.scss b/src/assets/css/components/views/charts2/networkOverviewApps.scss index f3528dc7..312bcaa0 100644 --- a/src/assets/css/components/views/charts2/networkOverviewApps.scss +++ b/src/assets/css/components/views/charts2/networkOverviewApps.scss @@ -88,7 +88,7 @@ .app-card-title { display: flex; padding: 0 12px; - margin-top: 10px; + margin-top: 6px; justify-content: space-between; .app-card-title-name { span { @@ -150,7 +150,7 @@ } .app-card__body-content { display: flex; - margin-bottom: 6px; + margin-bottom: 0; .app-card__body-content-value { display: flex; .app-card__body-content-number { @@ -184,6 +184,12 @@ background-color: rgb(126, 159, 84); } } + .app-card__body-unit { + margin-top: -2px; + margin-bottom: 2px; + font-size: 12px; + color: #778391; + } .app-card__body-previous { display: flex; font-size: 12px; diff --git a/src/views/charts2/charts/networkOverview/NetworkOverviewApps.vue b/src/views/charts2/charts/networkOverview/NetworkOverviewApps.vue index 07282b2f..1d7066e0 100644 --- a/src/views/charts2/charts/networkOverview/NetworkOverviewApps.vue +++ b/src/views/charts2/charts/networkOverview/NetworkOverviewApps.vue @@ -37,6 +37,7 @@
+0.00%
+
{{this.metric}}
Total
{{valueToRangeValue(app.total, unitTypes.byte).join(' ')}}
@@ -144,7 +145,6 @@ export default { mixins: [chartMixin], data () { return { - testData: '测试值', appData: [], // 假数据 appTempData: [],