xpaper-pay-slot v1.0.11

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.

```javascript
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.
});