WaterMark 水印
自带水印背景的容器
引入
import { WaterMark } from 'mand-mobile-next'
Vue.createApp().component(WaterMask.name, WaterMark)
代码演示
API
WaterMask Props
属性 | 说明 | 类型 | 默认值 | 备注 |
---|---|---|---|---|
content | 水印内容 | String | 复杂内容使用scoped slot | |
spacing | 水印间距 | String | 60px | |
repeat-x | 横向重复 | Boolean | true | |
repeat-y | 纵向重复 | Boolean | true | |
rotate | 旋转角度 | String | -30 | |
opacity | 透明度 | String | 0.1 |
WaterMark Slots
default
默认内容插槽
watermark
水印内容scoped插槽
<div slot="watermark" slot-scope="{ coord }">
<!-- coord.row 行索引 -->
<!-- coord.col 列索引 -->
</div>