mirror of
https://github.com/XiaoDaiGua-Ray/ray-template.git
synced 2025-10-08 08:10:10 +08:00
44 lines
954 B
TypeScript
44 lines
954 B
TypeScript
/**
|
|
*
|
|
* @author Ray <https://github.com/XiaoDaiGua-Ray>
|
|
*
|
|
* @date 2023-10-21
|
|
*
|
|
* @workspace ray-template
|
|
*
|
|
* @remark 今天也是元气满满撸代码的一天
|
|
*/
|
|
|
|
/**
|
|
*
|
|
* 全局水印注入
|
|
*
|
|
* 该组件启用时，会在全局（包括首页）展示
|
|
* 如果你不希望在登录页显示，可以手动将该组件放置于 Layout 中
|
|
*
|
|
* 当然你也可以通过 useWatermark hook 自定义控制水印的显示以及内容
|
|
*/
|
|
|
|
import { NWatermark } from 'naive-ui'
|
|
|
|
import { useSettingGetters } from '@/store'
|
|
|
|
export default defineComponent({
|
|
name: 'AppWatermarkProvider',
|
|
setup() {
|
|
const { getWatermarkSwitch, getWatermarkConfig } = useSettingGetters()
|
|
|
|
return {
|
|
getWatermarkSwitch,
|
|
getWatermarkConfig,
|
|
}
|
|
},
|
|
render() {
|
|
const { getWatermarkConfig, getWatermarkSwitch } = this
|
|
|
|
return getWatermarkSwitch ? (
|
|
<NWatermark cross fullscreen {...getWatermarkConfig} />
|
|
) : null
|
|
},
|
|
})
|