64 lines
1.9 KiB
Markdown
64 lines
1.9 KiB
Markdown
:: BASE_DOC ::
|
||
|
||
## API
|
||
|
||
### Watermark Props
|
||
|
||
name | type | default | description | required
|
||
-- | -- | -- | -- | --
|
||
custom-style | Object | - | CSS(Cascading Style Sheets) | N
|
||
alpha | Number | 1 | \- | N
|
||
content | String | - | \- | N
|
||
height | Number | - | \- | N
|
||
is-repeat | Boolean | true | \- | N
|
||
layout | String | rectangular | options: rectangular/hexagonal | N
|
||
line-space | Number | 16 | \- | N
|
||
movable | Boolean | false | \- | N
|
||
move-interval | Number | 3000 | \- | N
|
||
offset | Array | - | Typescript:`Array<number>` | N
|
||
removable | Boolean | true | \- | N
|
||
rotate | Number | -22 | \- | N
|
||
watermark-content | Object / Array | - | Typescript:`WatermarkText\|WatermarkImage\|Array<WatermarkText\|WatermarkImage>` | N
|
||
width | Number | - | \- | N
|
||
x | Number | - | \- | N
|
||
y | Number | - | \- | N
|
||
z-index | Number | - | \- | N
|
||
|
||
### Watermark Slots
|
||
|
||
name | Description
|
||
-- | --
|
||
\- | \-
|
||
content | \-
|
||
|
||
### WatermarkText
|
||
|
||
name | type | default | description | required
|
||
-- | -- | -- | -- | --
|
||
font-color | String | rgba(0,0,0,0.1) | \- | N
|
||
font-family | String | - | font-family configuration for watermark text | N
|
||
font-size | Number | 16 | \- | N
|
||
font-weight | String | normal | options: normal/lighter/bold/bolder | N
|
||
text | String | - | \- | N
|
||
|
||
### WatermarkImage
|
||
|
||
name | type | default | description | required
|
||
-- | -- | -- | -- | --
|
||
is-grayscale | Boolean | false | \- | N
|
||
url | String | - | \- | N
|
||
|
||
### CSS Variables
|
||
|
||
The component provides the following CSS variables, which can be used to customize styles.
|
||
Name | Default Value | Description
|
||
-- | -- | --
|
||
--watermark-left-0 | --watermark-left-0 | -
|
||
--watermark-left-25 | --watermark-left-25 | -
|
||
--watermark-left-50 | --watermark-left-50 | -
|
||
--watermark-left-75 | --watermark-left-75 | -
|
||
--watermark-top-0 | --watermark-top-0 | -
|
||
--watermark-top-25 | --watermark-top-25 | -
|
||
--watermark-top-50 | --watermark-top-50 | -
|
||
--watermark-top-75 | --watermark-top-75 | -
|