BLQ
Watermark 页面加水印该组件一般用于页面加水印使用。
平台差异说明
小程序 | h5 | android | ios |
---|---|---|---|
√ | √ | √ | √ |
下载安装
npm install @tjdata/s-watermark
基本使用
<template>
<s-watermark>
<view>
...
页面的内容
</view>
</s-watermark>
</template>
<script>
import sWatermark from "@tjdata/s-watermark"
export default {
components: {
sWatermark
}
}
</script>
API
Props
参数 | 说明 | 类型 |
默认值 | 可选值 |
---|---|---|---|---|
text | 水印文字 | String | 页面加水印 | - |
textFont | 文字字体 | String | italic 16px serif | - |
textColor | 文字颜色 | String | #dddddd | - |
bgColor | 水印的背景颜色 | String | #ffffff | - |
rotate | 文字旋转角度 | Number | -45 | - |
offWidth | 文字x轴偏移量 | Number | 0 | - |
offHeight | 文字y轴偏移量 | Number | 0 | - |