kun-galgame-vue/src/components/BackToPrevious.vue
2023-06-05 14:32:08 +08:00

30 lines
565 B
Vue

<script setup lang="ts">
import { useRouter } from 'vue-router'
const router = useRouter()
// Vue 中不允许在 template 中用 '<' 这个符号,换成 msg
const msg = `< `
</script>
<template>
<!-- 返回主页 -->
<div class="return" @click="router.back()">
<span>{{ msg + $t('back.back') }}</span>
</div>
</template>
<style lang="scss" scoped>
/* 返回主页 */
.return {
position: absolute;
bottom: 1%;
left: 2%;
color: var(--kungalgame-font-color-0);
cursor: pointer;
}
.return:hover {
color: var(--kungalgame-blue-4)
}
</style>