xwl2023/Yi.Framework
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat:首页联系我们新增跳转

Browse Source
This commit is contained in:
Xwen
2024-01-02 20:49:55 +08:00
parent 153a0b9354
commit c376f7e97c
1 changed files with 49 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
Yi.Bbs.Vue3/src/components/BottomInfo.vue
View File

@@ -1,38 +1,59 @@
<template> <template>
<div class="botton-div"> <div class="botton-div">
<a><el-icon><UserFilled /></el-icon>站长：{{configStore.author}}</a> <a
<a><el-icon><Search /></el-icon>{{configStore.bottom}}</a> ><el-icon><UserFilled /></el-icon>站长：{{ configStore.author }}</a
<a><el-icon><View /></el-icon>关于本站</a> >
<a><el-icon><Message /></el-icon>建议反馈</a> <a
<p></p> ><el-icon><Search /></el-icon>{{ configStore.bottom }}</a
<a ><el-icon><Position /></el-icon>{{configStore.icp}}</a> >
</div> <a
><el-icon><View /></el-icon>关于本站</a
>
<a @click="handleContact"
><el-icon><Link /></el-icon>联系我们</a
>
<a
><el-icon><Message /></el-icon>建议反馈</a
>
<p></p>
<a
><el-icon><Position /></el-icon>{{ configStore.icp }}</a
>
</div>
</template> </template>
<script setup> <script setup>
import useConfigStore from "@/stores/config"; import useConfigStore from "@/stores/config";
const configStore= useConfigStore(); import { useRouter } from "vue-router";
const router = useRouter();
const configStore = useConfigStore();
// 联系我们跳转对应页面
const handleContact = () => {
router.push("/contact");
};
</script> </script>
<style scoped> <style scoped>
.el-icon .el-icon {
{margin: 0 0.2rem;} margin: 0 0.2rem;
a{ }
margin-right: 2rem; a {
line-height: 1.8rem; margin-right: 2rem;
line-height: 1.8rem;
} }
a:hover { a:hover {
color: #40a9ff; color: #40a9ff;
cursor:pointer; cursor: pointer;
} }
.botton-div .botton-div {
{ background: transparent;
background: transparent; color: rgba(0, 0, 0, 0.45);
color: rgba(0,0,0,.45); font-size: 14px;
font-size: 14px; display: flex;
display: flex; flex-wrap: wrap;
flex-wrap: wrap; height: auto;
height: auto; width: auto;
width: auto; justify-content: center;
justify-content: center; margin: 0.5rem auto;
margin: 0.5rem auto;
} }
</style> </style>