game_h5_demo.html 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Vue in HTML</title>
  7. <!-- 引入Vue.js的CDN链接 -->
  8. <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
  9. <script src="http://qmsdkh5.qmgames.cn/static/js/sdk.js"></script>
  10. </head>
  11. <body>
  12. <div id="app">
  13. <div class="box">
  14. <button @click="open">初始化</button>
  15. <button @click="pay">支付</button>
  16. <button @click="role">角色</button>
  17. </div>
  18. </div>
  19. <script>
  20. // 创建一个新的Vue实例
  21. var app = new Vue({
  22. el: '#app',
  23. data: {
  24. message: '登录',
  25. show: false,
  26. show1: false,
  27. name: '67765f9c6fd15'
  28. },
  29. methods: {
  30. open() {
  31. let obj = {
  32. channel_id: '100',
  33. appid: '30',
  34. gameid: '30',
  35. imeil: this.generateRandomString(11),
  36. version: 'v3.4.6',
  37. }
  38. sdkInit(JSON.stringify(obj))
  39. },
  40. pay() {
  41. let obj = {
  42. amount: '0.99',
  43. appid: '232',
  44. attach: 'D'+this.generateRandomString(),
  45. productname: '产品名称',
  46. roleid: 'id1',
  47. rolelevel: '99',
  48. rolename: '龙天1',
  49. serverid: '服务器id',
  50. servername: '区服名称'
  51. }
  52. sdkPay(JSON.stringify(obj))
  53. },
  54. role() {
  55. let obj = {
  56. // channel_id: '100',
  57. // appid: '30',
  58. // gameid: '30',
  59. // imeil: '17322362573792438064',
  60. // version: 'v3.4.6',
  61. role_action:'up_level',
  62. rolebalance:'0',
  63. roleid:'13121776520-001',
  64. rolename:'wen_001',
  65. rolelevel:'102',
  66. serverid:'2000',
  67. servername:'name001',
  68. viplevel:'10',
  69. partyname:'区服名'
  70. }
  71. sdkRole(obj)
  72. },
  73. generateRandomString(length = 8) {
  74. const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
  75. let result = '';
  76. for (let i = 0; i < length; i++) {
  77. result += chars.charAt(Math.floor(Math.random() * chars.length));
  78. }
  79. return result;
  80. }
  81. }
  82. });
  83. </script>
  84. </body>
  85. <style>
  86. .newbox {
  87. position: fixed;
  88. top: 0;
  89. left: 0;
  90. right: 0;
  91. bottom: 0;
  92. background-color: rgba(0, 0, 0, .1);
  93. z-index: 1000;
  94. width: 100%;
  95. height: 100vh;
  96. }
  97. </style>
  98. </html>