element——loading加载效果
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
两种使用方式
1.直接在标签上使用
<div v-loading.fullscreen.lock="loading" element-loading-text="加载中......" element-loading-spinner="el-icon-loading " element-loading-background="#fff">
指令 v-loading.fullscreen.lock
当使用指令方式时,
全屏遮罩需要添加fullscreen修饰符
(遮罩会插入至 body
上)此时若需要
锁定屏幕的滚动
,可以使用lock修饰符
2.在js中使用
var loadingLoad = Loading.service({
text: "加载中......",
spinner: "el-icon-loading",
background: "#fff",
target: document.querySelector('.module_content')
});
loadingLoad.close();
自定义loading
element-loading-text
渲染为加载文案
element-loading-spinner
设定图标类名
element-loading-background
背景色值
target: document.querySelector('.类名') 设置作用的区域
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45
7 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 7 个月前
更多推荐
已为社区贡献1条内容
所有评论(0)