一飞开源
不飞则已，一飞冲天；不鸣则已，一鸣惊人！介绍创意、新奇、有趣、实用的开源应用、系统、软件、硬件及技术，提供了一个探索、发现、分享、使用与互动交流的开源技术平台。一飞开源致力于打造共建、共享、共治的开源社区。
简介
一款vue加载动画插件，纯css效果，包含92款加载动画，可通过属性动态切换，非常的好用
使用场景
我们在做前后端分离项目时，进入页面请求数据，在数据未返回之前展示页面加载效果
安装
npm i u-loading --save
引入
在main,js文件内引入组件
import uLoading from 'u-loading'
Vue.use(uLoading);
使用
在需要使用的页面用以下标签即可使用
<uLoading></uLoading>
参数
| 参数 | 说明 | 类型 | 可选范围 | 默认值 |
|---|---|---|---|---|
| type | 动画模型（详见下方动画说明） | Number | 1~92 | 1 |
| zIndex | 层级 | Number | — | 1000 |
| fixed | 是否全屏,非全屏下需要给父元素position: relative; | Boolean | true / false | true |
| bgColor | 遮罩层颜色 | String | — | #263238 |
| radius | 遮罩层圆角 | String | — | 0px |
| bottom | 是否位于屏幕下方 | Boolean | true / false | false |
动画说明
type值可选1~92，分别为92中动画效果，可以参照下图选择合适的动画
数据统计
关于（vue加载插件 纯css动画 内置92种效果）特别声明
vue加载插件 纯css动画 内置92种效果收录自互联网，不保证外部链接的准确性和完整性，同时，对于该外部链接的指向，不由商娱网实际控制，在2022-12-23 17:06收录和巡查时，该网页上的内容，都属于合规合法，后期网页的内容如出现违规，可以直接联系网站管理员进行删除，商娱网不承担任何责任。
相关导航
Hexo中文站
Hexo是基于Node.js的快速静态博客框架，支持Markdown写作、GitHub Pages一键部署与丰富主题插件生态，上百页面秒级渲染，适用于开发者、技术博主及内容创作者搭建高性能静态网站。
Beszel
Beszel-轻量级服务器监控，具有历史数据、docker 统计和告警功能。
VoidZero
VoidZero 是由 Vite 作者创立的 JavaScript 工具链公司，维护 Vite 构建工具、Vitest 测试框架、Rolldown 打包器与 Oxc 编译工具链等核心开源项目，致力于提升下一代 JavaScript 开发者的生产力。
302.AI
汇集全球顶级品牌的企业级AI应用平台，提供专业的聊天机器人、GPTs应用和绘画机器人服务。无需月费，按需付费制度让技术爱好者、小型企业、学校及个人用户轻松享受真正的AI内核驱动体验。零门槛操作、一键生成与分享、国内直连快速访问、本地数据存储确保隐私安全。加入302.AI，享受来自全球各大AI模型，体验AI技术的无限可能，开启AI探索之旅。
changedetection.io
changedetection.io 网站变更...
WordBook
WordBook 是一款wordpress主题，基于wordpress 。WordBook 可用于创建图书，公共文档，企业手册，论文，研究论文，Wiki 等等。
React Admin
react-admin system solution : react 后台管理系统解决方案。
暂无评论...
