这些都是做移动端经常用到的的弹出层,四种弹出层,分别默认值type 0 1 2
20180103152344816.png
这是一个组件 layer.vue
20180103154153918.png
代码:
import layer from '@/components/layer/layer'
一.加载中
20180103155137682.png
1.加载中 默认
open() 中没有参数 默认 type: 0
// type 0
let layer = this.$refs.layer
layer.open()
2.加载中 点击空白区域 隐藏弹出框
let layer = this.$refs.layer
layer.open({
type: 0,
shadeClose: true, // 点击空白区域是否隐藏此弹出框 默认是false
})
在任何地方 想要隐藏弹出框 请调用
let layer = this.$refs.layer
layer.close()
二.提示
20180103171252592.png
默认值 type: 1
1.加载中 默认
let layer = this.$refs.layer
layer.open({
type: 1
})
参数
let layer = this.$refs.layer
layer.open({
type: 1,
content: '已收藏', // 内容
imgurl: 'success.png', // 图片名称