|
|
@@ -7,7 +7,64 @@
|
|
|
<title>充值</title>
|
|
|
<style></style>
|
|
|
</head>
|
|
|
- <body></body>
|
|
|
+ <body>
|
|
|
+ <div class="vip-container">
|
|
|
+ <div class="vip-info">
|
|
|
+ <div class="title">加入AI降临派VIP</div>
|
|
|
+ <div class="desc">和我们一起探索AI的技术边界</div>
|
|
|
+ <div class="date">
|
|
|
+ <span class="oplist" @click="gotoOrderList" v-if="!isIOS">订单记录></span>
|
|
|
+ <span v-if="isVIP">会员有效期至: {{ expireTime ? dateFormat(expireTime, 'yyyy-MM-dd') : '-'}}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <template v-if="isIOS">
|
|
|
+ <div class="vip-info iosview">
|
|
|
+ IOS用户若想加入AI降临派，请联系客服。
|
|
|
+ </div>
|
|
|
+ <div class="btnview">
|
|
|
+ <button class="subbtn" open-type="contact" >在线客服</button>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="vip-info vip-rights">
|
|
|
+ <div class="title-view">
|
|
|
+ <div class="tabitem" :class="{active: ctype == 1}" @click="ctype = 1">
|
|
|
+ VIP会员权益
|
|
|
+ </div>
|
|
|
+ <div class="tabitem" :class="{active: ctype == 2}" @click="ctype = 2">
|
|
|
+ AI能量包
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="recharge-types">
|
|
|
+ <div class="type-item" v-for="(item, index) in typelist" :class="{active: curIndex === index}" :key="index" @click="changeChargeType(index)">
|
|
|
+ <div class="p1">{{ item.typename }}</div>
|
|
|
+ <div class="p-now">{{ item.price }}</div>
|
|
|
+ <div class="p-op">{{ item.op }}</div>
|
|
|
+ <div class="p2" :class="{needScale: ctype == 1}">{{ item.desc }}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="list" v-if="ctype == 1">
|
|
|
+ <div class="list-item" v-for="(item, index) in list" :key="index">
|
|
|
+ {{ item }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="list" v-if="ctype == 2">
|
|
|
+ <div class="list-item" v-for="(item, index) in list2" :key="index">
|
|
|
+ {{ item }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="pay-view">
|
|
|
+ <div class="pay-btn" @click="handlePay">
|
|
|
+ 支付
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </body>
|
|
|
<script src="http://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
|
|
|
<script>
|
|
|
let appId = ""; //公众号ID，由商户传入
|
|
|
@@ -45,6 +102,11 @@
|
|
|
);
|
|
|
}
|
|
|
|
|
|
+ function init() {
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
function ajax(url, callback) {
|
|
|
let xhr = new XMLHttpRequest();
|
|
|
xhr.open("GET", url);
|
harryYao