fix:修改BUG
dashboard模块 1.panel列表页面表格和曲线及对应全屏的loading的统一及加载时样式调整 2.全屏查询条件及数据更新时,不再与列表的数据和查询时间进行统一 说明:预览模块的预览及全屏的loading及数据同步等还需要调整
This commit is contained in:
37
nezha-fronted/src/components/common/loading.vue
Normal file
37
nezha-fronted/src/components/common/loading.vue
Normal file
@@ -0,0 +1,37 @@
|
||||
<style scoped lang="scss">
|
||||
.loading-font{
|
||||
color:#232f3e !important;
|
||||
}
|
||||
</style>
|
||||
<template>
|
||||
<div v-show="showLoading" class="el-loading-mask" style="background-color: rgba(0, 0, 0, 0);">
|
||||
<div class="el-loading-spinner">
|
||||
<img width="42px" height="42px" src="../../assets/img/loading.gif"/>
|
||||
<p class="el-loading-text loading-font">loading</p>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "loading",
|
||||
props: {
|
||||
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
showLoading:false,
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
startLoading(){
|
||||
this.showLoading = true;
|
||||
},
|
||||
endLoading(){
|
||||
this.showLoading = false;
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user