更新记录
0.3.0(2024-09-26)
下载此版本
- web-view添加水印效果
0.2.0(2024-09-26)
下载此版本
- web-view添加水印效果
0.1.0(2024-09-26)
下载此版本
- web-view添加水印效果
查看更多
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.7.10 app-vue |
× |
× |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
× |
× |
× |
× |
× |
webview 水印使用说明
方式一 组件引入
页面中直接插入代码
<huiyiteam-watermark :path="path" :show="show" :top="top" :left="left" :width="width" :height="height" />
data() {
return {
path: '/uni_modules/huiyiteam-watermark/static/huiyiteam-watermark/watermarks.png',
show: true,
top: '0px',
left: '0px',
width: '100%',
height: '100%',
};
},
方式二 组件引入
引入函数:
import { LoadWatermark, CloseWatermark } from "../../uni_modules/huiyiteam-watermark/utils/watermark";
载入:
// 默认全屏
LoadWatermark('/static/huiyiteam-watermark/watermarks.png');
// 制定布局
LoadWatermark('/static/huiyiteam-watermark/watermarks.png', '0px', '0px', '100%', '100%');
关闭:
CloseWatermarks();
参数说明
字段 |
类型 |
默认值 |
说明 |
show |
Boolean |
true |
是否显示,true为载入史册显示 |
top |
String |
0px |
水印距离顶部位置 |
left |
String |
0px |
水印距离左边位置 |
width |
String |
100% |
水印显示宽度 |
height |
String |
100% |
水印显示高度 |