介绍

本文档主要用于描述 ShadcnWatermark 组件的一些功能和用法。

用法

查看代码

<template>
  <ShadcnWatermark>
    <div style="height: 24rem;"/>
  </ShadcnWatermark>
</template>

内容 (content)

查看代码

<template>
  <ShadcnWatermark :content="['Company', 'Name', 'Time']">
    <div class="h-96"/>
  </ShadcnWatermark>
</template>

全屏 (fullscreen)

查看代码

<template>
  <ShadcnWatermark :content="['Company', 'Name', 'Time']" :fullscreen="fullScreen"/>
  <ShadcnButton @click="fullScreen = !fullScreen">FullScreen</ShadcnButton>
</template>

<script setup lang="ts">
import { ref } from 'vue'

const fullScreen = ref(false)
</script>

水印 (Watermark) 属性