前端vue实现页面加水印文字, 可以实现系统所有页面加水印,也可以单个页面加水印, 可更改水印颜色, 下载完整代码请访问uni-app插件市场地址: https://ext.dcloud.net.cn/plugin?id=12889
效果图如下:
[img=auto,auto]https://upload-images.jianshu.io/upload_images/10860471-5f0b663911808b07.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240[/img]
#### 使用方法
```使用方法
/* 给系统所有页面加水印*/
// 第一个参数:水印文字 第二个参数: 加水印的底图,默认body 给所有页面加水印, 第三个参数:水印颜色
Watermark.set("cc-innovation.gd", '', 'blue');
/* 给当前页面加水印*/
// 第一个参数:水印文字 第二个参数: 加水印的底图,默认body 给所有页面加水印, 第三个参数:水印颜色
Watermark.set("cc-innovation.gd", this.$refs.content, 'red');
```
#### HTML代码部分
```html
{{title}}
{{' 跳转 '}}
```
#### JS代码 (引入组件 填充数据)
```javascript
```
#### CSS
```css
```
来源:https://www.cnblogs.com/ccVue/p/17470723.html
免责声明:由于采集信息均来自互联网,如果侵犯了您的权益,请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容,谢谢合作! |