Watermark (水印)

Watermark 水印组件，用于在页面上添加水印效果，支持配置水印的数量、角度、间隔等。

支持平台

安卓	ios	鸿蒙	web	微信小程序
√	√	√	√	√

示例代码

<template>
	<t-page main-class="p-30">
		<t-card main-class="mb-30" title='WatermarkPlus 水印'
			sub-title="WatermarkPlus为Canvas绘制优势是性能高 Watermark为普通DOM渲染(更多灵活布局)"></t-card>
		<t-section main-class="tdr tdb mb-30" title="文字水印(Canvas 绘制)-type-size"></t-section>
		<t-watermark content="欢迎使用Tui" main-class="tdr tdb h-500 mb-30" type='p' size="large" :xSpace="150"
			:ySpace="120">
			<t-col main-class="twh-100% fc">
				<t-text>大号-间距设置</t-text>
			</t-col>
		</t-watermark>
		<t-watermark content="欢迎使用Tui" main-class="tdr tdb h-500 mb-30 c-red" type='p' size="mini">
			<t-col main-class="twh-100% fc">
				<t-text>迷你-自定义颜色</t-text>
			</t-col>
		</t-watermark>
		<t-watermark content="/pagesA/static/image/wark.png" main-class="tdr tdb h-500 mb-30 c-red"  :xSpace="150"
			:ySpace="120">
			<t-col main-class="twh-100% fc">
				<t-text>图片水印</t-text>
			</t-col>
		</t-watermark>
	</t-page>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>

</style>

属性

名称	类型	默认值	说明	可选值
size	String	mini	组件尺寸	large(大尺寸), medium(中尺寸), small(小尺寸), mini(迷你)
type	String	""	组件类型	info(信息), primary(正常), error(错误), warning(警告), success(成功)
disabled	Boolean	false	组件是否禁用	false, true
stop	Boolean	false	是否阻止事件冒泡（Tui统一写法处理事件冒泡）	false, true
hover	Boolean	true	是否有点击效果	false, true
path	String	""	点击组件后跳转的页面路径，如果为空则响应点击事件，如果不为空则跳转页面不会响应单击事件。	-
mainClass	String	""	组件根节点的样式	-
nativeClass	String	""	组件根节点原生样式	-
effect	String	"normal"	组件显示主题	normal(正常), dark(深色), light(浅色), plain(镂空)
imageClass	String	``	绘制图片的样式信息，公支持宽高设置
angle	Number	1	水印的角度
ySpace	Number	80	垂直间距
content	String	``	水印文本内容
xSpace	Number	100	水平间距

事件

名称	返回参数	说明
click	(e : UniPointerEvent)	-

插槽

名称	返回值	说明
default	-