更新记录
1.0.1(2024-03-21) 下载此版本
增加字体颜色,间距,宽高属性,旋转属性
1.0.0(2024-03-19) 下载此版本
最初版本
平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.97 app-vue | √ | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
√ | √ | √ | √ |
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