<template>
  <q-page class="q-pa-md">
    <div class="text-center q-mb-lg">
      <h1 class="text-h3 q-mb-md">iJoyPlay 游戏平台</h1>
      <p class="text-body1">欢迎来到游戏充值平台</p>
    </div>

    <!-- 首页功能 -->
    <div class="q-mb-lg">
      <h2 class="text-h5 q-mb-md">首页功能</h2>
      <div class="row q-gutter-md">
        <q-btn color="primary" @click="$router.push('/test')">测试页面</q-btn>
        <q-btn color="primary" @click="$router.push('/charge')">游戏直充</q-btn>
        <q-btn color="primary" @click="$router.push('/coin')">游戏币</q-btn>
        <q-btn color="primary" @click="$router.push('/prop')">游戏道具</q-btn>
        <q-btn color="primary" @click="$router.push('/cdk')">CDK</q-btn>
        <q-btn color="primary" @click="$router.push('/gift')">礼品卡</q-btn>
        <q-btn color="primary" @click="$router.push('/payment')">商品支付</q-btn>
      </div>
    </div>

    <!-- 用户认证 -->
    <div class="q-mb-lg">
      <h2 class="text-h5 q-mb-md">用户认证</h2>
      <div class="row q-gutter-md">
        <q-btn color="secondary" @click="$router.push('/auth/login')">登录</q-btn>
        <q-btn color="secondary" @click="$router.push('/auth/register')">注册</q-btn>
        <q-btn color="secondary" @click="$router.push('/auth/forget')">忘记密码</q-btn>
        <q-btn color="secondary" @click="$router.push('/auth/reset')">重置密码</q-btn>
      </div>
    </div>

    <!-- 其他功能 -->
    <div class="q-mb-lg">
      <h2 class="text-h5 q-mb-md">其他功能</h2>
      <div class="row q-gutter-md">
        <q-btn color="accent" @click="$router.push('/msg/index')">消息中心</q-btn>
        <q-btn color="accent" @click="$router.push('/account/index')">用户中心</q-btn>
        <q-btn color="accent" @click="$router.push('/cart/index')">购物车</q-btn>
        <q-btn color="accent" @click="$router.push('/faq/index')">帮助中心</q-btn>
        <q-btn color="accent" @click="$router.push('/game/index')">游戏介绍</q-btn>
      </div>
    </div>

    <!-- 用户中心子功能 -->
    <div class="q-mb-lg">
      <h2 class="text-h5 q-mb-md">用户中心</h2>
      <div class="row q-gutter-md">
        <q-btn color="positive" @click="$router.push('/account/wallet')">我的钱包</q-btn>
        <q-btn color="positive" @click="$router.push('/account/profile')">账号设置</q-btn>
        <q-btn color="positive" @click="$router.push('/account/coupon')">优惠券</q-btn>
        <q-btn color="positive" @click="$router.push('/account/buy')">购物记录</q-btn>
        <q-btn color="positive" @click="$router.push('/account/support')">反馈记录</q-btn>
        <q-btn color="positive" @click="$router.push('/account/invite')">邀请记录</q-btn>
      </div>
    </div>
  </q-page>
</template>

<script setup>

</script>

<style scoped>

</style>
