kj-water-mark v1.3.1

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>