修改ElLoading文字样式

ElementPlus组件ElLoading的文字样式，由于text属性string/VNode/array，支持VNode，所以可以采用下面的方式修改text的字号等样式。

const loading = ElLoading.service({ lock: true, text: h('div', { style: 'font-size:25px', innerHTML: '正在加载，请稍后。' }), spinner: 'el-icon-loading', background: 'rgba(0, 0, 0, 0.7)', }) ;

更灵活的方式，就是写一个显示内容的组件，textInfo，

<template>

<div class="div-text">

{{props.data}}

</div>

</template>

<script lang="ts" setup>

import {ref} from "vue";

const props = defineProps({

data: {

type: String,

default: () => {

return '';

},

},

});

</script>

<style scoped>

.div-text{

font-size: 25px;

}

</style>

const loading = ElLoading.service({ lock: true, text: h(textInfo, { data: '正在加载，请稍后。' }), spinner: 'el-icon-loading', background: 'rgba(0, 0, 0, 0.7)', }) ;