翼度科技»论坛 编程开发 JavaScript 查看内容

前端vue实现页面加水印文字 单个页面所有页面加水印 水印颜色

8

主题

8

帖子

24

积分

新手上路

Rank: 1

积分
24
前端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】 我们会及时删除侵权内容,谢谢合作!

举报 回复 使用道具