WaterMark 水印

全页水印组件

使用指南

在 Taro 文件中引入组件

import { ZoWaterMark } from '@lylb/tzo-ui';

组件依赖的样式文件（仅按需引用时需要）

@import '~@lylb/tzo-ui/dist/style/components/water-mark.scss';

一般用法

import Taro from '@tarojs/taro';
import { ZoWaterMark } from '@lylb/tzo-ui';
export default class Index extends Taro.Component {
  constructor() {
    super(...arguments);
    this.state = {
      text: '张伟专用',
      color: '#000000',
    };
  }
  render() {
    const { text, color } = this.state;
    return <ZoWaterMark text={text} color={color} />;
  }
}

参数

参数	说明	类型	可选值	默认值
text	水印文案	string	必填	-
color	水印颜色	string	-	’#000‘
globalAlpha	文案的透明度	number	-	0.1
angle	文案角度	number	-	30[°]
fontSize	文案字体大小	number	-	18
fontFamily	文字字体	string	-	Calibri
spacing	上下左右间距	number	-	150
id	缓存 id(用于防止多次重复绘制)	string	-	-

TZo UI

WaterMark 水印

使用指南

一般用法

参数