Blur
安装
局部注册
全局注册
import { Blur } from 'vux'
export default {
components: {
Blur
}
}
// 在入口文件全局引入
import Vue from 'vue'
import { Blur } from 'vux'
Vue.component('blur', Blur)
当前组件使用svg
实现模糊效果。如果在手机上渲染过慢,可以尝试直接使用css3的blur filter
。
属性
名字 | 类型 | 默认值 | 说明 | 版本要求 |
blur-amount | number | 10 | 模糊程度 | — |
url | string | 图片地址 | — | |
height | number | 200 | 容器高度 | — |
插槽
名字 | 说明 | 版本要求 |
默认插槽 | 容器内容,显示在模糊内容上面 | — |