# watermark (w-watermark)

- **Import**: `WWatermark` from `win-design-next`
- **Tag**: `<w-watermark>`
- **说明**: Watermark 水印
- **分类**: other
- **Skill 版本**: V1.1.0
- **适配组件库**: win-design-next 1.2.2
- **API 来源**: `docs/zh-CN/component/watermark.md`

## API

## API

### 属性

| 属性名  | 描述                                          | 类型                          | 默认值                     |
| ------- | --------------------------------------------- | ----------------------------- | -------------------------- |
| width   | 水印的宽度， `content` 的默认值是它自己的宽度 | ^[number]                     | 120                        |
| height  | 水印的高度， `content` 的默认值是它自己的高度 | ^[number]                     | 64                         |
| rotate  | 水印的旋转角度, 单位 `°`                      | ^[number]                     | -22                        |
| zIndex  | 水印元素的 z-index 值                         | ^[number]                     | 9                          |
| image   | 水印图片，建议使用 2x 或 3x 图像              | ^[string]                     | —                          |
| content | 水印文本内容                                  | ^[string]/^[object]`string[]` | WinDesign Next             |
| font    | 文字样式                                      | [Font](#font)                 | [字体](#font)              |
| gap     | 水印之间的间距                                | ^[object]`[number, number]`   | \[100, 100\]               |
| offset  | 水印从容器左上角的偏移 默认值为 `gap/2`       | ^[object]`[number, number]`   | \[gap\[0\]/2, gap\[1\]/2\] |

### Font

| 名称         | 详情     | 类型                                                                                 | 默认            |
| ------------ | -------- | ------------------------------------------------------------------------------------ | --------------- |
| color        | 字体颜色 | ^[string]                                                                            | rgba(0,0,0,.15) |
| fontSize     | 字体大小 | ^[number] / ^[string]                                                                | 16              |
| fontWeight   | 字重     | ^[enum]`'normal' \| 'light' \| 'weight' \| number`                                   | normal          |
| fontFamily   | 字体     | ^[string]                                                                            | sans-serif      |
| fontStyle    | 字体样式 | ^[enum]`'none' \| 'normal' \| 'italic' \| 'oblique'`                                 | normal          |
| textAlign    | 文本对齐 | ^[enum]`'left' \| 'right' \| 'center' \| 'start' \| 'end'`                           | center          |
| textBaseline | 文本基线 | ^[enum]`'top' \| 'hanging' \| 'middle' \| 'alphabetic' \| 'ideographic' \| 'bottom'` | hanging         |

### Slots

| 名称 | 详情           |
| ---- | -------------- |
| 默认 | 添加水印的容器 |
