src/App.vue

@@ -9,42 +9,42 @@
           <span v-if="isVIP">会员有效期至: {{ expireTime ? dateFormat(expireTime, 'yyyy-MM-dd') : '-'}}</span>
         </div> -->
       </div>
- 
-        <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>
+			<div>{{chatToken}}</div>
+			<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>
     </div>
   </div>
 </template>