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>