gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

NEZ-1739 feat: 补充loading 动画

Browse Source
This commit is contained in:
@changcode
2022-03-25 15:40:05 +08:00
parent c5aab4ae7f
commit b1e4745909
71 changed files with 130 additions and 125 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
nezha-fronted/src/components/page/dashboard/overview/overview.vue
View File

@@ -23,7 +23,7 @@
<!--第一行-->
<div class="content-row-box">
<div class="content-col-box">
<div id="overview-to-asset" v-loading="assetLoading" class="content-col-content clickable" @click="jumpTo('asset')">
<div id="overview-to-asset" v-my-loading="assetLoading" class="content-col-content clickable" @click="jumpTo('asset')">
<div class="content-col-content-icon overview-to-asset__background"><i class="nz-icon nz-icon-overview-project"></i></div>
<div class="content-num-box">
<el-tooltip :content="`${assetData}`" class="item" effect="light" placement="top">
@@ -39,7 +39,7 @@
</div>
</div>
<div class="content-col-box">
<div v-loading="projectLoading" class="content-col-content clickable" @click="jumpTo('project')">
<div v-my-loading="projectLoading" class="content-col-content clickable" @click="jumpTo('project')">
<div class="content-col-content-icon overview-to-project__background"><i class="nz-icon nz-icon-project"></i></div>
<div class="content-num-box">
<el-tooltip :content="`${projectData.total}`" class="item" effect="light" placement="top">
@@ -54,7 +54,7 @@
</div>
</div>
<div class="content-col-box">
<div v-loading="moduleLoading" class="content-col-content clickable" @click="jumpTo('module')">
<div v-my-loading="moduleLoading" class="content-col-content clickable" @click="jumpTo('module')">
<div class="content-col-content-icon overview-to-module__background"><i class="nz-icon nz-icon-overview-module"></i></div>
<div class="content-num-box">
<el-tooltip :content="`${moduleData.total}`" class="item" effect="light" placement="top">
@@ -69,7 +69,7 @@
</div>
</div>
<div class="content-col-box">
<div v-loading="endpointLoading" class="content-col-content clickable" @click="jumpTo('endpoint')">
<div v-my-loading="endpointLoading" class="content-col-content clickable" @click="jumpTo('endpoint')">
<div class="content-col-content-icon overview-to-endpoint__background"><i class="nz-icon nz-icon-overview-endpoint"></i></div>
<div class="content-num-box">
<el-tooltip :content="`${endpointData.num}`" class="item" effect="light" placement="top">
@@ -84,7 +84,7 @@
</div>
</div>
<div class="content-col-box">
<div id="overview-to-alertlist" v-loading="alertMessageLoading" class="content-col-content clickable" @click="jumpTo('alertList')">
<div id="overview-to-alertlist" v-my-loading="alertMessageLoading" class="content-col-content clickable" @click="jumpTo('alertList')">
<div class="content-col-content-icon overview-to-alert__background"><i class="nz-icon nz-icon-overview-alert"></i></div>
<div class="content-num-box">
<el-tooltip :content="`${alertMessageData.num}`" class="item" effect="light" placement="top">
@@ -106,7 +106,7 @@
<div class="content-col-title">
<span>{{$t("dashboard.overview.projectTopoLogy")}}</span>
</div>
<div v-loading="topologyLoading" class="content-col-content">
<div v-my-loading="topologyLoading" class="content-col-content">
<transition name = "el-zoom-in-center">
<div v-if="allProject&&allProject.length>0" style="width: 100%;height: 100%;position: relative">
<el-carousel :interval="5000" :trigger="'click'" arrow="hover">