当前位置: 首页 > 文档资料 > VUX 中文文档 >

Blur 组件使用教程

优质
小牛编辑
137浏览
2023-12-01

安装

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-amountnumber10模糊程度--
urlstring图片地址--
heightnumber200容器高度--

插槽

名字说明版本要求
默认插槽容器内容,显示在模糊内容上面--