水印 Watermark
<h3><strong>Watermark</strong></h3>
<p><em>antd 水印组件</em></p>
<table>
<thead>
<tr>
<th>属性名</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td>className</td>
<td>Dom 的类名</td>
</tr>
<tr>
<td>width</td>
<td>水印的宽度，content 的默认值为自身的宽度</td>
</tr>
<tr>
<td>height</td>
<td>水印的宽度，content 的默认值为自身的高度</td>
</tr>
<tr>
<td>rotate</td>
<td>水印绘制时，旋转的角度，单位 °</td>
</tr>
<tr>
<td>zIndex</td>
<td>追加的水印元素的 z-index</td>
</tr>
<tr>
<td>image</td>
<td>图片源，建议导出 2 倍或 3 倍图，优先级高 (支持 base64 格式)</td>
</tr>
<tr>
<td>content</td>
<td>水印文字内容</td>
</tr>
<tr>
<td>font</td>
<td>文字样式 具体配置参考 (<a href="https://ant-design.antgroup.com/components/watermark-cn#font">https://ant-design.antgroup.com/components/watermark-cn#font</a>)</td>
</tr>
<tr>
<td>gap</td>
<td>水印之间的间距</td>
</tr>
<tr>
<td>offset</td>
<td>水印距离容器左上角的偏移量，默认为 gap/2</td>
</tr>
</tbody>
</table>
<p><br></p>
<h3><strong>示例</strong></h3>
<pre><code class="language-php">amis()-&gt;Watermark()-&gt;body(
// 水印包裹的内容
amis()-&gt;TextControl()
)
-&gt;width(100) // 设置宽度 (一般不需要)
-&gt;height(200) // 设置高度 (一般不需要)
-&gt;className('p-5') // eg: 添加内边距
-&gt;rotate(90) // 设置旋转角度
-&gt;zIndex(999) // 设置 z-index
// -&gt;image(config('admin.logo')) // 可以设置图片
-&gt;content('Owl Admin') // 设置水印的文字内容
-&gt;font([ // 文字样式
'color' =&gt; 'red'
])
-&gt;gap([100, 100]) // 设置水印之间的间距
;</code></pre>