| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Vue in HTML</title>
- <!-- 引入Vue.js的CDN链接 -->
- <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
- <script src="http://qmsdkh5.qmgames.cn/static/js/sdk.js"></script>
- </head>
- <body>
- <div id="app">
- <div class="box">
- <button @click="open">初始化</button>
- <button @click="pay">支付</button>
- <button @click="role">角色</button>
- </div>
- </div>
- <script>
- // 创建一个新的Vue实例
- var app = new Vue({
- el: '#app',
- data: {
- message: '登录',
- show: false,
- show1: false,
- name: '67765f9c6fd15'
- },
- methods: {
- open() {
- let obj = {
- channel_id: '100',
- appid: '30',
- gameid: '30',
- imeil: this.generateRandomString(11),
- version: 'v3.4.6',
- }
- sdkInit(JSON.stringify(obj))
- },
- pay() {
- let obj = {
- amount: '0.99',
- appid: '232',
- attach: 'D'+this.generateRandomString(),
- productname: '产品名称',
- roleid: 'id1',
- rolelevel: '99',
- rolename: '龙天1',
- serverid: '服务器id',
- servername: '区服名称'
- }
- sdkPay(JSON.stringify(obj))
- },
- role() {
- let obj = {
- // channel_id: '100',
- // appid: '30',
- // gameid: '30',
- // imeil: '17322362573792438064',
- // version: 'v3.4.6',
- role_action:'up_level',
- rolebalance:'0',
- roleid:'13121776520-001',
- rolename:'wen_001',
- rolelevel:'102',
- serverid:'2000',
- servername:'name001',
- viplevel:'10',
- partyname:'区服名'
- }
- sdkRole(obj)
- },
- generateRandomString(length = 8) {
- const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
- let result = '';
- for (let i = 0; i < length; i++) {
- result += chars.charAt(Math.floor(Math.random() * chars.length));
- }
- return result;
- }
- }
- });
- </script>
- </body>
- <style>
- .newbox {
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background-color: rgba(0, 0, 0, .1);
- z-index: 1000;
- width: 100%;
- height: 100vh;
- }
- </style>
- </html>
|