@moment-design/promotion-code NPM

推广码组件

使用组件

安装依赖

npm install @moment-design/premotion-code --save

使用组件

<template>
  <m-button type="primary" @click="open">打开推广码</m-button>
  <PromotionCode ref="refPromotionCode"></PromotionCode>
</template>
<script setup lang="ts">
import { ref } from 'vue';
import PromotionCode from '../index.vue';

const refPromotionCode = ref();
const open = () => {
  refPromotionCode.value.open({
    // 二维码图片地址
    qrcode: '',
    // 弹窗标题文案
    title: '推广码',
    // 推广二维码文案
    codeText: '推广二维码',
    // 确认按钮文案
    confirmText: '下载二维码',
    // 推广链接文案
    linkText: '推广链接',
    // 推广链接
    link: 'https://pres.71360.com/vvZj3a',
  });
};
</script>

API

Expose

事件名	描述	参数
open	打开推广码组件	OpenConfig

OpenConfig

参数名	描述	类型	默认值
baseUrl	下载接口地址前缀	string	-
qrcode	二维码图片地址	string	-
qrcodeText	二维码文本	string	-
title	弹窗标题文案	string	'推广码'
codeText	推广二维码文案	string	'推广二维码'
confirmText	确认按钮文案	string	'下载二维码'
linkText	推广链接文案	string	'推广链接'
link	推广链接	string	-
copy	是否可复制	boolean	true