Watermark

基础用法

<pa-watermark :contents="contents" />

<view class="p-30" style="height: 100vh">{{ text }}</view>

import dayjs from 'dayjs'
import { onMounted, ref } from 'vue'

const contents = ['papayaui-watermark', dayjs().format('YYYY-MM-DD HH:mm')]
const text = ref<string>('')

onMounted(() => {
  text.value = new Array(20)
    .fill(0)
    .map(() => '页面内容')
    .join('')
})

Watermark Props

参数	说明	类型	默认值
width	单个水印宽度	number	125
height	单个水印高度	number	100
rotate	水印绘制时，旋转的角度	number	-22
gapX	水印之间的水平间距	number	25
gapY	水印之间的垂直间距	number	50
fontColor	水印字体大小	string	'rgba(0,0,0,0.15)'
fontSize	水印字体大小	number	14
fontFamily	水印文字字体	string	-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif
zIndex	水印元素层级	number	1000
contents	水印内容，数组的每个元素代表每一行的内容	string|string[]	''
fullPage	是否覆盖整个页面	boolean	true

Watermark Event

事件名	参数

Watermark Slot

名称	说明

样式变量

🙈