更新记录
1.0.1(2024-03-21) 下载此版本
增加字体颜色,间距,宽高属性,旋转属性
1.0.0(2024-03-19) 下载此版本
最初版本
平台兼容性
uni-app
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| √ | √ | √ | √ | √ | - | - | - | - |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|
| √ | √ | √ | √ | √ | √ | - | √ | √ | √ | √ |
其他
| 多语言 | 暗黑模式 | 宽屏模式 |
|---|---|---|
| × | × | √ |
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

收藏人数:
下载插件并导入HBuilderX
赞赏(2)
下载 54
赞赏 2
下载 10959123
赞赏 1800
赞赏
京公网安备:11010802035340号