kj-water-mark
v1.3.1
Published
``` npm i kj-water-mark ``` ## 引入方法 在入口文件中,例如 main.js 引入
Downloads
4
Readme
WaterMark 水印
##安装
npm i kj-water-mark
引入方法
在入口文件中,例如 main.js 引入
import WaterMark from 'kj-water-mark'
Vue.use(WaterMark)
##使用方法 直接在需要水印的页面中使用组件,如果需要全系统都安装,可以在App.vue中使用
<template>
<div>
...(此处省略号)
//可放在任意一处
<WaterMark></WaterMark>
...(此处省略号)
</div>
</template>
##参数 #####目前只有三个参数:
num => 类型:Number,水印数目,默认50个;
size => 类型:Number,水印大小,默认16
content => 类型:String,水印内容,直接传入需要展示的文字内容,可传html,但不建议传复杂的html内容,没做这方面适配,默认:‘水印层’
opacity => 类型:Number,水印透明度,取值范围为 0-1,默认:0.7
ieCheck => 类型:Boolean,是否进行IE检查,如果开启IE检查,那么在IE浏览器中则不使用水印层,因为pointer-events样式在IE11之下有兼容问题,默认:false
//普通字符串
<template>
<div>
...(此处省略号)
//可放在任意一处
<WaterMark content="凯京科技"></WaterMark>
...(此处省略号)
</div>
</template>
//html元素
<template>
<div>
...(此处省略号)
//可放在任意一处
<WaterMark content="凯京科技<br>用户admin"></WaterMark>
...(此处省略号)
</div>
</template>