Skip to content

aLIEzsss4/react-watermark

Repository files navigation

@pansy/react-watermark

水印组件

✨ 特性

  • 🚀 支持一个页面添加多处不同水印
  • 🌈 安全防御 - 防止他人删除水印dom或修改样式属性
  • 🐠 支持自定义水印样式

🏗 安装

// npm 安装
npm install --save @pansy/react-watermark

// yarn 安装
yarn add @pansy/react-watermark

🔨 使用

import React from 'react';
import Watermark from '@pansy/react-watermark';

export default () => {
  return (
    <WaterMark style={{ width: 500, height: '100%' }} text="测试水印">
      <div>
        <button>
          123
        </button>
      </div>
    </WaterMark>
  )
}