半透明遮罩

Props

名字	类型	默认	描述
color	String	0,0,0	颜色
opacity	Number	0.5	透明度

Slots

名字	描述
默认slot	遮罩层下面的内容
content	遮罩层上面的内容

场景

常见于电商网站，摄影网站的列表展示。

``` vux height=600 width=400 components=Masker

{{item.title}} 2016-03-18 VUX 2016-03-18

export default { data () { return { list: [{ title: '洗颜新潮流！人气洁面皂排行榜', img: 'https://cdn.xiaotaojiang.com/uploads/82/1572ec37969ee263735262dc017975/_.jpg' }, { title: '美容用品 & 日用品（上）', img: 'https://cdn.xiaotaojiang.com/uploads/59/b22e0e62363a4a652f28630b3233b9/_.jpg' }, { title: '远离车内毒气，日本车载空气净化器精选', img: 'https://cdn.xiaotaojiang.com/uploads/56/4b3601364b86fdfd234ef11d8712ad/_.jpg' }] } } }

.m-img { padding-bottom: 33%; display: block; position: relative; max-width: 100%; background-size: cover; background-position: center center; cursor: pointer; border-radius: 2px; } .m-time { font-size: 12px; padding-top: 4px; border-top: 1px solid #f0f0f0; display: inline-block; margin-top: 5px; } .m-title { color: #fff; text-align: center; text-shadow: 0 0 2px rgba(0,0,0,.5); font-weight: 500; font-size: 16px; position: absolute; left: 0; right: 0; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); }

```