Watermark 水印

<script setup lang="ts">
import { Watermark } from "@reglow/reui";
</script>

<template>
  <Watermark content="Reglow">
    <div class="h-500px">内容区域</div>
  </Watermark>

  <!-- 多行水印 -->
  <Watermark :content="['Reglow', 'Happy Working']">
    <div class="h-500px" />
  </Watermark>

  <!-- 图片水印 -->
  <Watermark :width="130" :height="30" image="/logo.png">
    <div class="h-500px" />
  </Watermark>

  <!-- 自定义配置 -->
  <Watermark
    content="版权所有"
    :rotate="-30"
    :z-index="11"
    :gap="[200, 200]"
    :font="{ color: 'rgba(255,0,0,0.1)', fontSize: 24, fontWeight: 'bold' }"
  >
    <div class="h-500px" />
  </Watermark>
</template>

import { Watermark } from "@reglow/reui";