kun-galgame-vue/src/components/BackToPrevious.vue

30 lines
565 B
Vue
Raw Normal View History

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