1 Star 0 Fork 50

Admin / avue-doc

forked from smallwei / avue-doc 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
watermark.md 1.55 KB
一键复制 编辑 原始数据 按行查看 历史
smallwei 提交于 2020-07-02 15:40 . v2.6.9
<script> export default { data(){ return { obj:'', create:false } }, methods: { submit() { if(this.create){ this.$message.success('已经创建水印了') return } this.create=true; this.$message.success('添加水印成功') this.obj=this.watermark({text:'avue全局水印演示'}) }, del(){ this.obj.remove(); this.create=false; }, } } </script>

Watermark 全局水印

:::tip 2.0.1+ ::::

:::demo

<div style="width:400px">
  <el-button @click="submit" type="primary">全局水印</el-button>
  <el-button @click="del" type="danger">删除水印</el-button>
</div>
<script>
export default {
  data(){
    return {
      obj:'',
      create:false
    }
  },
  methods: {
      submit() {
        if(this.create){
          this.$message.success('已经创建水印了')
          return 
        }
        this.create=true;
        this.$message.success('添加水印成功')
        this.obj=this.watermark({text:'avue全局水印演示'})
      },
      del(){
        this.obj.remove();
        this.create=false;
      },
  }
}
</script>

:::

Variables

参数 说明 类型 可选值 默认值
text 水印的文字 String - avue商用通用无敌大水印
font 水印字体和大小 String - 30px 黑体
textStyle 水印文本对齐方式 String - rgba(100,100,100,0.15)
degree 水印文本旋转角度 String - -20
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/isni_admin/avue-doc.git
git@gitee.com:isni_admin/avue-doc.git
isni_admin
avue-doc
avue-doc
master

搜索帮助

344bd9b3 5694891 D2dac590 5694891