Skip to content

页面水印

使用

在应用配置中设置:

ts
const globalSettings: Settings.all = {
    app: {
        /**
         * 是否开启页面水印
         * @默认值 `false`
         */
        enableWatermark: true,
    },
}

效果如下:

设置水印内容

/src/store/modules/watermark.ts 中可修改水印展示内容,以及其他水印相关配置。

水印同时支持动态更新,示例:

vue
<script setup lang="ts">
  const watermarkStore = useWatermarkStore()

  watermarkStore.update({
    text: '设置水印',
    // 更多设置项请查看 /src/utils/watermark.ts 中 settingsType 类型定义
  })

  // 重置水印,恢复到默认设置
  watermarkStore.update()
</script>