105 lines
2.2 KiB
Vue
105 lines
2.2 KiB
Vue
<template>
|
|
<div id="indexPage">
|
|
<h1>喵了个喵ฅʕ•̫͡•ʔฅ</h1>
|
|
<div style="margin-bottom: 16px">改编自鱼了个鱼</div>
|
|
<!-- <a-button
|
|
block
|
|
style="margin-bottom: 16px"
|
|
@click="toGamePage(easyGameConfig)"
|
|
> -->
|
|
<!-- 简单模式
|
|
</a-button>
|
|
<a-button
|
|
block
|
|
style="margin-bottom: 16px"
|
|
@click="toGamePage(middleGameConfig)" -->
|
|
<!-- > -->
|
|
<!-- 中等模式
|
|
</a-button>
|
|
<a-button
|
|
block
|
|
style="margin-bottom: 16px"
|
|
@click="toGamePage(hardGameConfig)"
|
|
> -->
|
|
<!-- 困难模式 -->
|
|
<!-- </a-button> -->
|
|
<a-button
|
|
block
|
|
style="margin-bottom: 16px"
|
|
@click="toGamePage(lunaticGameConfig)"
|
|
>
|
|
地狱模式
|
|
</a-button>
|
|
<!-- <a-button
|
|
block
|
|
style="margin-bottom: 16px"
|
|
@click="toGamePage(skyGameConfig)"
|
|
>
|
|
天域模式
|
|
</a-button> -->
|
|
<a-button
|
|
block
|
|
style="margin-bottom: 16px"
|
|
@click="toGamePage(yangGameConfig)"
|
|
>
|
|
羊了个羊模式
|
|
</a-button>
|
|
<a-button block style="margin-bottom: 16px" @click="() => toGamePage()">
|
|
自定义 🔥
|
|
</a-button>
|
|
<my-ad />
|
|
<div class="footer">
|
|
喵了个喵 ©2022 by
|
|
<a href="https://github.com/MeiXue16" target="_blank" style="color: #fff">
|
|
Mei
|
|
</a>
|
|
|
|
|
<a href=" " target="_blank" style="color: #fff"> 代码开源 </a>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { useRouter } from "vue-router";
|
|
import {
|
|
// easyGameConfig,
|
|
// middleGameConfig,
|
|
// hardGameConfig,
|
|
lunaticGameConfig,
|
|
// skyGameConfig,
|
|
yangGameConfig,
|
|
} from "../core/gameConfig";
|
|
import { useGlobalStore } from "../core/globalStore";
|
|
import MyAd from "../components/MyAd.vue";
|
|
|
|
const router = useRouter();
|
|
|
|
const { setGameConfig } = useGlobalStore();
|
|
|
|
const toGamePage = (config?: GameConfigType) => {
|
|
if (config) {
|
|
setGameConfig(config);
|
|
router.push("/game");
|
|
} else {
|
|
router.push("/config");
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style scoped>
|
|
#indexPage {
|
|
text-align: center;
|
|
}
|
|
|
|
.footer {
|
|
background: rgba(0, 0, 0, 0.6);
|
|
color: #fff;
|
|
padding: 12px;
|
|
text-align: center;
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
</style>
|