vue3 实现全屏 loading 加载动画

最新推荐文章于 2025-08-17 18:06:14 发布

原创

最新推荐文章于 2025-08-17 18:06:14 发布 · 2.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#动画 #css3 #css

博客包含Loading.vue和index.js代码，结合标签推测与CSS动画相关，涉及CSS3技术，在前端开发中可用于实现动画效果。

在这里插入图片描述
Loading.vue

<template>
  <div class="loading-wrap">
    <div v-if="mask" class="mask"></div>
    <div class="loading" v-cloak>
      <div class="load-cont">
        <div class="line"></div>
        <div class="line"></div>
        <div class="line"></div>
        <div class="line"></div>
        <div class="line"></div>
        <div class="line"></div>
      </div>
      <div class="text"