更新记录
1.2(2023-05-05) 下载此版本
1、增加z-index: 999;保证水印能在第一层级 2、增加left:0;top:0; 3、增加pointer-events: none;使水印不影响页面内容
1.1(2020-04-21) 下载此版本
感谢用户whsoho@qq.com提出的bug 修复bug:小程序在手机上水印无法倾斜
1.0(2020-04-14) 下载此版本
支持小程序的水印组件
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
app-vue app-nvue | √ | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
√ | √ | √ | √ |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
版本号 1.0
使用:
1、引入
import waterMarker from "../../components/waterMarker.vue"
2、注册组件 components:{ waterMarker },
3、页面使用
<waterMarker col="4" row="8" text="我是水印" opacity="0.1" color="black" rotate="-30deg"></waterMarker>
参数说明: col:列数 row:行数 text:水印文字 opacity:水印透明度 color:水印颜色 rotate:水印旋转角度