vue项目过渡加载插件：epicspinners

最新推荐文章于 2024-07-05 08:45:00 发布

milli236

最新推荐文章于 2024-07-05 08:45:00 发布

阅读量1.3k

点赞数

分类专栏： Vue.js 文章标签： vue loading

本文链接：https://blog.csdn.net/milli236/article/details/81237327

版权

本文介绍了如何在Vue项目中使用EpicSpinners作为过渡加载插件，包括安装步骤、基本使用方法，并提供了官网链接供进一步选择。

摘要由CSDN通过智能技术生成

1-1加载过渡：

安装

npm install --save epic-spinners

使用

import { TrinityRingsSpinner } from 'epic-spinners'

<trinity-rings-spinner
  :animation-duration="1500"
  :size="66"
  color="#ff1d5e"
/>

更多选择，官网

https://epic-spinners.epicmax.co/#/

页面初始化；

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>xuanzhan</title>
    <style>
	.fingerprint-spinner, .fingerprint-spinner * {
      box-sizing: border-box;
    }
    .fingerprint-spinner {
      /*height: 164px;*/
      /*width: 164px;