更新记录

1.0.0（2026-07-13） 下载此版本

初始版本

平台兼容性

uni-app(4.0)

zv-watermark

容器背景平铺水印，支持文字与图片，可自定义透明度、角度、密度。

用法

<!-- 文字水印 -->
<zv-watermark content="zackboys" height="400" :opacity="0.5" :rotate="-22">
  <button>这个是按钮</button>
</zv-watermark>

<!-- 图片水印（本地/网络） -->
<zv-watermark
  type="image"
  src="https://zackboys.cn/logo.png"
  :gap="[160, 100]"
  :rotate="-30"
>
  <view>页面内容</view>
</zv-watermark>

<!-- 自定义宽高与文字样式 -->
<zv-watermark
  content="zackboys"
  width="100%"
  height="600"
  :font-size="32"
  color="#cccccc"
  font-weight="bold"
  :gap="140"
/>

参数

说明

• 默认 slot 内容显示在水印之上
• gap 越小密度越大
• 图片水印使用 image 组件，支持本地路径与网络 URL

实际效果可进入小程序查看