element使用 loading 加载改变默认背景色 文字 图标


v-loading="isLoading" 
// 自定义加载文案,图表,背景色

:element-loading-spinner="svg"  //加载的默认背景图
element-loading-svg-view-box="-10, -10, 50, 50" 
:element-loading-background="'#08172A'" //修改加载的默认背景颜色
element-loading-text="加载中..."
当需要全屏加载则添加fullscreen修饰符
v-loading.fullscreen="loading" 
若需要锁定屏幕的滚动,可以使用lock修饰符
v-loading.lock="loading"


<script setup lang="ts">

const isLoading = ref(false);定义isLoading true为加载 false为取消加载

const svg = `
        <path class="path" d="
          M 30 15
          L 28 17
          M 25.61 25.61
          A 15 15, 0, 0, 1, 15 30
          A 15 15, 0, 1, 1, 27.99 7.5
          L 15 15
        " style="stroke-width: 4px; fill: rgba(0, 0, 0, 0)"/>
      `;
</script>
自适应表格长度show-overflow-tooltip

猜你喜欢

转载自blog.csdn.net/weixin_68531033/article/details/128369878