YQG POPUP

国内C端通用可配置弹窗组件

快速开始

npm i @yqg/popup

import {initYqgPopup} from '@yqg/popup';
import '@yqg/popup/dist/yqg-popup.css';

initYqgPopup({
    env: 'user-v2'
});

<template>
    <div>
        <yqg-popup ref='popup'>
    </div>
</template>
<script>
import {YqgPopup} from '@yqg/popup'

export default {
    mounted(){
        this.$refs.popup.open({
            schemaList: [...]
        })   
    }
} 
</script>

详细配置

通过 this.$refs.popup.open 方法将弹窗的配置传入弹窗组件，schemaList 可以是多个，第一个关闭后第二个自动打开 ，目前支持配置三种类型的通用弹窗和一种定制类：

• 文本
• 图片
• Lottie
• 中收（支持协议勾选、动态添加协议内容、切换银行卡按钮）
  • Lottie
  • 图片

组件全局注册：

import {yqgPopup, initYqgPopup} from '@yqg/popup';
import '@yqg/popup/dist/yqg-popup.css';

initYqgPopup({
    env: 'user-v2'
});

Vue.use(yqgPopup)