更新记录

1.0.7（2024-09-14） 下载此版本

更新说明

1.0.6（2023-08-07） 下载此版本

修复customTop为0不生效的问题

1.0.5（2023-08-07） 下载此版本

增加customTop配置

平台兼容性

uniapp水印组件

兼容性支持：安卓、苹果、H5、微信小程序（其他平台未测试理论上支持）。不支持nvue！

优势

支持vue2 vue3，支持富文本、自动计算所需水印数量不卡顿、自定义旋转角度等 遇到问题或有建议可以加入QQ群(455948571)反馈
如果觉得组件不错，给五星鼓励鼓励咯！

如果有使用问题请加群

注意：如果插件问题，请务必给一个完整的复现demo，谢谢配合； 点击链接加入群聊前端开发（uniapp插件）】

一、使用示例

<template>
    <view class="content">
        <next-watermark :watermark="watermark"></next-watermark>
    </view>
</template>

// vue3
<script setup lang="ts">
import { ref } from 'vue'
import icon from '@/static/images/location.png'

const watermark = ref(`<h3>水印通用组件</h3><p style="color:#f00">我是p标签</p><br><img style="width:30px" src="${icon}" />`)

// const watermark = ref('管理员7434')
</script>

// vue2
<script>
import icon from '@/static/images/location.png'
export default {
    data() {
        return {
            watermark: `<h3>水印通用组件</h3><p style="color:#f00">我是p标签</p><br><img style="width:30px" src="${icon}" />`
        }
    }
}
</script>

参数

可选参数属性列表