{"_id":"@callmesoul/js-reward","_rev":"1-2ba656fc132b28c5363afcabd4d36fbe","name":"@callmesoul/js-reward","dist-tags":{"latest":"0.0.1"},"versions":{"0.0.1":{"name":"@callmesoul/js-reward","version":"0.0.1","description":"nices user reward component/美观,易用，可定制的js打赏组件","main":"dist/js-reward.js","scripts":{"build":"webpack --config webpack.config.js"},"keywords":["reward","赞赏","打赏"],"author":{"name":"CallMeSoul"},"license":"ISC","devDependencies":{"css-loader":"^5.2.0","file-loader":"^6.2.0","node-sass":"^5.0.0","sass-loader":"^11.0.1","ts-loader":"^8.1.0","url-loader":"^4.1.1","webpack":"^5.28.0","webpack-cli":"^4.6.0"},"dependencies":{"postcss-loader":"^5.2.0","style-loader":"^2.0.0","typescript":"^4.2.3"},"gitHead":"06f8dac59361a44682c240c583aed794ccb62c71","_id":"@callmesoul/js-reward@0.0.1","_nodeVersion":"12.18.2","_npmVersion":"6.14.5","dist":{"integrity":"sha512-8n44HHBWFgDF7oGa76LsFEmfvdMTV/uhEEyYUGxwpYrB8Qc3eYEAxbhsyGPz/36bIOtW2O5qhsaNZ059NCRd2g==","shasum":"22d06955b02c7a310ae4a6424e47dfccc5f5f1ff","tarball":"https://registry.npmjs.org/@callmesoul/js-reward/-/js-reward-0.0.1.tgz","fileCount":18,"unpackedSize":354363,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbUlKCRA9TVsSAnZWagAA9gQP/Rnrgk4cIaU0R1xgqeNm\num7Xg6iyW9REQ6ZG0SFhxpJbIFPObS35YBPb4clBAbRU+5d+n+ynxaqizDJ/\nQREEVWKis82DXVukMJRyS4EmtrJJaSMhC5UdvdVqlHAh+65GMZlo1BB40nyj\nnz8YKA/xWW/3Ix3+2U18FEAkjwwFkuwN/5jesr/acNZEmhLqZ10OimGi39Em\nohsP0bwyB6tXTbHgwMjPsGVfYfnJbHuN123TRioKfOuIs3ygbh/RkhOjVQF7\nrDH/RLeoAXGtPMlldAV0s/Ws81c5jYywwW6jUqYAf01YjQ/TAdjmVExuyYOL\n6jQR6x8U1xPzHjOmvYjzVQPOzya1JSq9vALJ+7tq8RwLOTsPqzHTbi+YtgJa\nWXhBFTlTk7oXLypIeZdbn9EGLxGPUL+UFhUd0ic/KGs3KZ7QVhOkX0fDfaxu\nr7JLSfmAuZxk1TUgar+hPOmMU1EqRicrFRr8j4TAPtoURxidffuyjUctKIxN\nUDZYbKVtT1UfnFRPSOFKS07B+LBOhYWekVFJjiEAnNX6NOiB0EqTz/DlzDBw\nCtoaKuEIfU/FsPao7v8A2yBzqebRBK0tSmKtYivgDjpIlYgzEVSmtLyyRqP4\ncfIufnFU+585Ly5j84cItJM5Mb+itp4KVgM7ZaSX9BYo9viIDon1EGdd4ocR\n01aD\r\n=fxy9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID6Z3X3cwbdsRSS0g9U3RMqvgztI0RaC7grRflE8AEPlAiA7GUedCB4TMkgnpVEEPPbKMopKHyq+ipvKlq6zUfcKEg=="}]},"_npmUser":{"name":"callmesoul","email":"547437716@qq.com"},"directories":{},"maintainers":[{"name":"callmesoul","email":"547437716@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/js-reward_0.0.1_1617774921564_0.09504615200936772"},"_hasShrinkwrap":false}},"time":{"created":"2021-04-07T05:55:21.521Z","0.0.1":"2021-04-07T05:55:21.735Z","modified":"2022-04-04T21:33:02.240Z"},"maintainers":[{"name":"callmesoul","email":"547437716@qq.com"}],"description":"nices user reward component/美观,易用，可定制的js打赏组件","keywords":["reward","赞赏","打赏"],"author":{"name":"CallMeSoul"},"license":"ISC","readme":"# js-reward\r\n美观,易用，可定制的js打赏组件\r\n\r\n修改自[Playing-reward](https://github.com/ihoey/Playing-reward)\r\n主要[Playing-reward](https://github.com/ihoey/Playing-reward)好像不维护了，也不可定制，使用麻烦等各种无问题，于是自己封装一个。\r\n\r\n## 特点\r\n- [x] 使用简单\r\n- [x] 可定制\r\n\r\n## 安装\r\n1. npm 安装\r\n\r\n    `npm install @callmesoul/js-reward --save`\r\n\r\n2. 手动下载\r\n   \r\n   `dist/js-reward.js`\r\n\r\n## 使用\r\n\r\n1. 简单示例\r\n   ```html\r\n    <div id=\"js-reward-warp\"></div>\r\n   ```\r\n   ```javascript\r\n   import JsReward from '@callmesoul/js-reward'\r\n   new JsReward(\r\n       'js-reward-warp',\r\n        [\r\n            // 预设了微信支付和阿里支付图标,使用预设图标时 name 要对应，还原贡献图标\r\n            { name: 'wechatpay', src: '../src/images/WeChanQR.png' },\r\n            { name: 'alipay', src: '../src/images/AliPayQR.png'}\r\n        ]\r\n    )\r\n   ```\r\n\r\n2. 定制\r\n   ```javascript\r\n    new JsReward(\r\n        '${DomId}',\r\n        // 支付列表定义\r\n        [\r\n            // type === 1 跳转 2 图片 src：二维码图片/跳转地址 \r\n            // icon 定制图标最好统一比例，不然不好看\r\n            { name: 'wechatpay', src: '${qrcodeImg}', icon: '${icon}', type: 1},\r\n        ],\r\n        // 自定义参数\r\n        {\r\n            iconWidth: '80px', // 图标宽度\r\n            iconHeight: '30px', // 图标高度\r\n            QRWidth: '200px', // 二维码宽度，高度自适应\r\n            text: '感谢打赏' // 显示文字\r\n        }\r\n    )\r\n    ``\r\n\r\n## 贡献\r\n\r\n欢迎贡献代码或提建议\r\n\r\n| <img src=\"https://callmesoul-blog.oss-cn-shenzhen.aliyuncs.com/qrcode_for_callmesoul.jpg\" width = \"200\" style=\"display: inline-block;\" alt=\"callmesoul公众号\" align=center /> | <img src=\"https://callmesoul-blog.oss-cn-shenzhen.aliyuncs.com/callmesoul_weixin_pay.png\" width = \"200\" style=\"display: inline-block;\" alt=\"微信支付\" align=center /> | <img src=\"https://callmesoul-blog.oss-cn-shenzhen.aliyuncs.com/callmesou_ali_pay.jpg\" width = \"200\" alt=\"支付宝\" style=\"display: inline-block;\" align=top /> |","readmeFilename":"README.md"}