WaterMark
Container with watermark background
Instruction
import { WaterMark } from 'mand-mobile-next'
Vue.createApp().component(WaterMark.name, WaterMark)
Code Examples
API
WaterMark Props
Props | Description | Type | Default | Note |
---|---|---|---|---|
content | - | String | - | complex content using scoped slot |
spacing | - | String | 20vw | - |
repeat-x | - | Boolean | true | - |
repeat-y | - | Boolean | true | - |
rotate | - | String | -30 | - |
opacity | - | String | 0.1 | - |
WaterMark Slots
default
Default slot of content
watermark
scoped slot of watermark content
<div slot="watermark" slot-scope="{ coord }">
<!-- coord.row row index -->
<!-- coord.col column index -->
</div>