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>
 Mand Mobile
 Mand Mobile