{"slug":"watermark","mode":"single","examples":[{"id":"watermark-ex-1","title":"基础用法","titleSrc":"","desc":"","html":"<div class=\"kole-box\">\n  <div class=\"kole-watermark\" id=\"wm\"></div>\n  <div class=\"kole-watermark is-fullscreen\" id=\"wmFull\" title=\"全屏水印演示\"></div>\n  <h3 style=\"position:relative;color:var(--color-text-title)\">机密文档</h3>\n  <p style=\"position:relative;color:var(--color-text-body)\">该区域内容受水印保护，请勿外传。</p>\n</div>","preview":{"show":[[0]],"hide":[],"mode":"single"},"previewSafe":true,"previewUnsafeReasons":[],"source":"demo-mapped","code":{"html":"<div class=\"kole-watermark\"></div>\n<div class=\"kole-watermark is-fullscreen\" id=\"wmFull\" title=\"全屏水印演示\"></div>\n<h3 style=\"position:relative;color:var(--color-text-title)\">机密文档</h3>\n<p style=\"position:relative;color:var(--color-text-body)\">该区域内容受水印保护，请勿外传。</p>","jsx":"import { KoleWatermark } from 'kole-ui/react';\n\n<>\n<KoleWatermark />\n<KoleWatermark fullscreen id=\"wmFull\" title=\"全屏水印演示\" />\n</>","vue3":"import { KoleWatermark } from 'kole-ui/vue3';\n\n<template>\n<KoleWatermark />\n<KoleWatermark fullscreen id=\"wmFull\" title=\"全屏水印演示\" />\n</template>","vue2":"import { KoleWatermark } from 'kole-ui/vue2';\n\n<template>\n<KoleWatermark />\n<KoleWatermark fullscreen id=\"wmFull\" title=\"全屏水印演示\" />\n</template>"},"notes":[]}]}