404和底部页面

2026-05-20 10:55:54 +08:00
parent 9f079107f7
commit 9f77810c9e
12 changed files with 542 additions and 9 deletions
--- a/src/pages/others/others-header.vue
+++ b/src/pages/others/others-header.vue
@@ -0,0 +1,42 @@
+<template>
+	<div class="others-header">
+		<router-link to="/">
+			<span>{{ $t('MainHeader.Home') }}</span>
+			<span class="iconfont icon-arrow-right-bold"></span>
+		</router-link>
+		<h1 class="title">{{ title }}</h1>
+	</div>
+</template>
+<script setup lang="ts">
+	import { computed, ref } from 'vue'
+	const props = defineProps({
+		title: { type: String, required: true }
+	})
+</script>
+
+<style scoped lang="less">
+	.others-header {
+		padding: 50px 0;
+		background-color: #666;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		> a {
+			font-size: 14px;
+			font-weight: 400;
+			color: #ffffff;
+			text-decoration: none;
+			> .iconfont {
+				font-size: 10px;
+				margin-left: 5px;
+			}
+		}
+		> .title {
+			font-size: 40px;
+			font-weight: 400;
+			line-height: 2;
+			text-transform: none;
+			color: #ffffff;
+		}
+	}
+</style>