# layer 蒙层

> layer是一个蒙层组件

[demo](demo/components/layer.html ':ignore')

## 使用方法

```
<layer appear :speed="1000" background="rgba(55,0,55,.5)" :show="show" @click.native.self="show=false">
    <div class="box">
        当前时间：{{Date.now()}}
    </div>
</layer>
```

```
import {Layer} from 'vivo-ui';

export default {
    components: {
        Layer
    }
};
```

## 属性

名称|类型|必填|默认值|描述
:-:|:-:|:-:|:-:|:-:
show|`Boolean`|`N`|`false`|是否显示
speed|`Number`&#124;` String`|`N`|`normal`|淡入淡出速度，单位ms，`0`表示无淡入淡出效果；String类型只支持`fast`,`normal`,`slow`三个值
appear|`Boolean`|`N`|`false`|初始渲染时是否淡入
background|`String`|`N`|`rgba(0,0,0,0.6)`|蒙层背景色

## 插槽

名称|必填|说明
:-:|:-:|:-:
默认|`N`|内容区域