简介
一款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种效果数据评估
关于vue加载插件 纯css动画 内置92种效果特别声明
本站商娱网提供的vue加载插件 纯css动画 内置92种效果都来源于网络,不保证外部链接的准确性和完整性,同时,对于该外部链接的指向,不由商娱网实际控制,在2022年12月23日 17:06收录时,该网页上的内容,都属于合规合法,后期网页的内容如出现违规,可以直接联系网站管理员进行删除,商娱网不承担任何责任。
暂无评论...