element-ui 中修改loading加载样式

element-ui 中的 loading 加载功能，默认是全屏加载效果

设置局部，需要自定义样式或者修改样式，方法如下：

import { Loading } from 'element-ui'Vue.prototype.$baseLoading = (text) => {let loadingloading = Loading.service({lock: true,customClass: 'createLoading',  // 局部class名称text: text,spinner: 'el-icon-loading',background: 'rgba(0, 0, 0, 0)'})return loading
}<style lang="scss">.createLoading {.el-loading-spinner {top: 50%;left: 50%;margin-left: -55px;background: rgba(0, 0, 0, 0.7);padding: 20px;border-radius: 4px;width: auto;text-align: center;position: absolute;i {color: #eee;}.el-loading-text {color: #eee;}}}
</style>

重点：createLoading有这个局部class名字就能控制样式的修改，有时候:：v-deep在loading中不能修改样式

一些属性参数：

const loading = this.$loading({           // 声明一个loading对象lock: true,                             // 是否锁屏text: '加载中',                         // 加载动画的文字spinner: 'el-icon-loading',             // 引入的loading图标background: 'rgba(0, 0, 0, 0.8)',       // 背景颜色target: '.el-table, .table-flex, .region',  // **需要遮罩的区域，这里写要添加loading的选择器**fullscreen: false,customClass: 'loadingclass'             // **遮罩层新增类名，如果需要修改loading的样式**})