fix: network overview apps抽屉里的tab增加图标,更改样式

This commit is contained in:
chenjinsong
2023-05-25 17:30:45 +08:00
parent c50e41e649
commit f8db51ea6a
7 changed files with 29 additions and 11 deletions

View File

@@ -68,7 +68,10 @@
</div>
<div class="add-app__body">
<el-tabs v-model="appTypeTab" @tab-click="appTypeTabChange">
<el-tab-pane :label="$t('network.providers')" :name="0">
<el-tab-pane :name="0">
<template #label>
<i class="cn-icon cn-icon-providers"></i>&nbsp;&nbsp;{{$t('network.providers')}}
</template>
<div class="body__apps" :class="{'body__apps-no-grid': providerOptions.length === 0}">
<loading :loading="loadingBody"></loading>
<chart-no-data v-if="providerOptions.length === 0 && !loadingBody" test-id="noData"></chart-no-data>
@@ -85,7 +88,10 @@
</div>
</div>
</el-tab-pane>
<el-tab-pane :label="$t('networkOverview.appType.app')" :name="1">
<el-tab-pane :name="1">
<template #label>
<i class="cn-icon cn-icon-app-name"></i>&nbsp;&nbsp;{{$t('networkOverview.appType.app')}}
</template>
<div class="body__apps" :class="{'body__apps-no-grid': appOptions.length === 0}">
<loading :loading="loadingBody"></loading>
<chart-no-data v-if="appOptions.length === 0 && !loadingBody"></chart-no-data>