OwlAdmin
指南
常见问题
打赏
扩展
更新日志
Demo
指南
常见问题
打赏
扩展
更新日志
Demo

Watermark 水印

Watermark

antd 水印组件

属性名说明
classNameDom 的类名
width水印的宽度，content 的默认值为自身的宽度
height水印的宽度，content 的默认值为自身的高度
rotate水印绘制时，旋转的角度，单位 °
zIndex追加的水印元素的 z-index
image图片源，建议导出 2 倍或 3 倍图，优先级高 (支持 base64 格式)
content水印文字内容
font文字样式 具体配置参考 (https://ant-design.antgroup.com/components/watermark-cn#font)
gap水印之间的间距
offset水印距离容器左上角的偏移量，默认为 gap/2

示例

amis()->Watermark()->body(
    // 水印包裹的内容
    amis()->TextControl()
)
->width(100) // 设置宽度 (一般不需要)
->height(200) // 设置高度 (一般不需要)
->className('p-5') // eg: 添加内边距
->rotate(90) // 设置旋转角度
->zIndex(999) // 设置 z-index
// ->image(config('admin.logo')) // 可以设置图片
->content('Owl Admin') // 设置水印的文字内容
->font([ // 文字样式
    'color' => 'red'
])
->gap([100, 100]) // 设置水印之间的间距
;