install dependencies

npm i xpaper-pay-slot --save

#Usage

in Vue main.js

import "xpaper-pay-module/lib/assets/css/index.css";

in components

import XpaperPaySlot from "xpaper-pay-module";

let modal = new XpaperPaySlot(); 
modal.init();

` I tested it in Vue xpaper-pay-slot No problem encountered

React should also be consistent `

About init()

Calling this method executes event binding I used the following ID in the hope that it would not conflict with your code.

ID list

• xpaperAddAccountBtn
• xpaperLogoutBtn
• xppPcOpenSetting
• xppPersonalBg
• xppMainPostEdit
• xppProfilePicture

#Remarks

1. Updating user photo

   • DOC is Xpaper.updateProfilePicture

   I hope you will keep the test environment and documentation in line.

2. About alert Because I can't detect changes in user balances So when the user's quota is insufficient, you can call the method of the instance directly.

modal.maskModal({
name: "balanceWarn", // This value should be unique
type: "balance", // This value is fixed.
content: { // alert con
    title: "可用流量不足", // Insufficient available traffic
    info: "您的当前方案包含下载流量500M，您已全部用尽，请充值。", // Your current solution contains download traffic of 500M, you have exhausted, please recharge.
    href: "https://pay.xpaper.com/" // a tag attr href
},
monopoly: true // This value is fixed.
});