element-plus/docs/examples/watermark/basic.vue

27 lines
440 B
Vue

<script setup lang="ts">
import { reactive, watch } from 'vue'
import { isDark } from '~/composables/dark'
const font = reactive({
color: 'rgba(0, 0, 0, .15)',
})
watch(
isDark,
() => {
font.color = isDark.value
? 'rgba(255, 255, 255, .15)'
: 'rgba(0, 0, 0, .15)'
},
{
immediate: true,
}
)
</script>
<template>
<el-watermark :font="font">
<div style="height: 500px" />
</el-watermark>
</template>