更新记录

0.0.9（2024-04-11）

• fix: 修复uniapp web 报错问题

0.0.8（2024-04-10）

• fix: 修复uniapp x 安卓正则的问题

0.0.7（2024-04-10）

• eat: 支持uniapp x ios(app-js)

平台兼容性

lime-watermark 水印

• 给页面或某个区域加上水印。
• 支持uniapp/uniappx(web,ios,安卓)

使用

• 导入插件后直接使用

<l-watermark content="LimeUi">
    <view class="content">
        <text>这是很重要的内容</text>
        <button @click="onClick">点击</button>
    </view>
</l-watermark>

多行

<l-watermark :content="['LimeUi', '人生得意']"  :baseSize="1">
    <view class="content">
        <text>这是很重要的内容</text>
        <button @click="onClick">点击</button>
    </view>
</l-watermark>

图片

• 注意:uvue不支持
• 使用width和height控制图片的大小
• 注意，网络图片在H5和NVUE需要解决跨域问题，在小程序需要去公众平台配置download域名

<l-watermark image="https://img10.360buyimg.com/img/jfs/t1/182127/16/37474/11761/64659c31F0cd84976/21f25b952f03a49a.jpg" :width="60" :height="60">
    <view class="content">
        <text>这是很重要的内容</text>
        <button @click="onClick">点击</button>
    </view>
</l-watermark>

查看示例

• 导入后直接使用这个标签查看演示效果

// 代码位于 uni_modules/lime-watermark/compoents/lime-watermark
<lime-watermark />

插件标签

• 默认 l-watermark 为 component
• 默认 lime-watermark 为 demo

API

Props

打赏

如果你觉得本插件，解决了你的问题，赠人玫瑰，手留余香。