更新记录
1.0.1(2024-03-21)
下载此版本
增加字体颜色,间距,宽高属性,旋转属性
1.0.0(2024-03-19)
下载此版本
最初版本
平台兼容性
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
app-harmony |
? |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
HbuilderX/cli最低兼容版本不清楚,应该都可以用;我只用4开发;其他版本的朋友不妨试试,成功的在评论区插个眼
样式需要scss
<style lang="scss" scoped>
参数
参数名 |
|
默认 |
类型 |
info |
水印文字 |
全局水印 |
String |
posi |
水印容器的定位方式,fixed或者absolute,fixed会全屏水印;看自己的页面来确定; |
absolute |
String |
font_color |
字体颜色,可以是style样式 |
rgba(220, 220, 220, 0.3) |
String |
spacing |
间距,值越大间距越大,无上限 |
1 |
Number |
width |
宽 |
120 |
Number |
height |
高 |
120 |
Number |
rotate |
旋转 |
45 |
Number |
<wl-watermark :info="你好" posi='fixed'>
...你的要加水印的元素
</wl-watermark>
预检查网页链接,提升用户的网页体验->https://linkstatusjs.livestrue.xyz/ [看看上面的广告支持下哦]
使用方法:直接导入就可以用
不想使用uni_modules也可以直接下载压缩包,将里面的/components/wl-watermark/wl-watermark.vue拿出来用就可以;
欢迎来踩我的站点(大佬请手下留情)https://livestrue.xyz