feat(Footer.vue): 增加 Footer 组件

This commit is contained in:
xiongxiaoyang 2022-05-14 20:36:41 +08:00
parent e0f088c5bf
commit dcde13aa39
2 changed files with 34 additions and 22 deletions

View File

@ -0,0 +1,30 @@
<template>
<div class="footer">
<div class="box_center cf">
<div class="copyright">
<ul>
<li class="menu">
<a href="/?to=mobile">手机站</a><i class="line">|</i
><a href="/">网站首页</a><i class="line">|</i
><a href="/about/default.html">关于我们</a><i class="line">|</i
><a href="/about/contact.html">联系我们</a><i class="line">|</i
><a href="/user/feedback.html">反馈留言</a><i class="line">|</i
><a href="/author/index.html">作家专区</a><i class="line">|</i
><a href="/mobile/fiction_house.apk">客户端</a>
</li>
<li>
Copyright (C) xiongxyang.gitee.io All rights
reserved&nbsp;&nbsp;小说精品屋版权所有
</li>
</ul>
</div>
</div>
</div>
</template>
<script>
export default {
name: "Footer"
};
</script>

View File

@ -195,27 +195,7 @@
</div>
<FriendLink/>
<div class="footer">
<div class="box_center cf">
<div class="copyright">
<ul>
<li class="menu">
<a href="/?to=mobile">手机站</a><i class="line">|</i
><a href="/">网站首页</a><i class="line">|</i
><a href="/about/default.html">关于我们</a><i class="line">|</i
><a href="/about/contact.html">联系我们</a><i class="line">|</i
><a href="/user/feedback.html">反馈留言</a><i class="line">|</i
><a href="/author/index.html">作家专区</a><i class="line">|</i
><a href="/mobile/fiction_house.apk">客户端</a>
</li>
<li>
Copyright (C) xiongxyang.gitee.io All rights
reserved&nbsp;&nbsp;小说精品屋版权所有
</li>
</ul>
</div>
</div>
</div>
<Footer/>
</template>
<script>
@ -223,6 +203,7 @@ import { reactive, toRefs, onMounted } from "vue";
import { listHomeBooks } from "@/api/home";
import { ElMessage, ElLoading } from "element-plus";
import Header from "@/components/common/Header";
import Footer from "@/components/common/Footer"
import LatestNews from "@/components/home/LatestNews"
import FriendLink from "@/components/home/FriendLink"
import BookVisitRank from "@/components/home/BookVisitRank"
@ -236,7 +217,8 @@ export default {
FriendLink,
BookVisitRank,
BookNewestRank,
BookUpdateRank
BookUpdateRank,
Footer
},
setup() {
const state = reactive({