201206030/novel-front-web
1
0
Fork 0
mirror of https://github.com/201206030/novel-front-web.git synced 2025-04-27 07:50:50 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor(components): 拆分 navbar 组件

Browse Source
This commit is contained in:
xiongxiaoyang 2022-05-15 12:09:13 +08:00
parent f7a761edb3
commit 22076d1286
2 changed files with 24 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/common/Header.vue
View File

@ -28,24 +28,18 @@
</div> </div>
</div> </div>
</div> </div>
<div class="mainNav" id="mainNav"> <Navbar/>
<div class="box_center cf">
<ul class="nav" id="navModule">
<li class="on"><a href="/">首页</a></li>
<li><a href="/book/bookclass.html">全部作品</a></li>
<li><a href="/book/book_ranking.html">排行榜</a></li>
<li class=""><a href="/pay/index.html">充值</a></li>
<li><a href="/author/index.html" target="_blank">作家专区</a></li>
</ul>
</div>
</div>
</div> </div>
</template> </template>
<script> <script>
import logo from "@/assets/images/logo.png"; import logo from "@/assets/images/logo.png";
import Navbar from "@/components/common/Navbar"
export default { export default {
name: "Header", name: "Header",
components:{
Navbar
},
setup() { setup() {
return { return {
logo logo

19
src/components/common/Navbar.vue Normal file
View File

@ -0,0 +1,19 @@
<template>
<div class="mainNav" id="mainNav">
<div class="box_center cf">
<ul class="nav" id="navModule">
<li class="on"><a href="/">首页</a></li>
<li><a href="/book/bookclass.html">全部作品</a></li>
<li><a href="/book/book_ranking.html">排行榜</a></li>
<li class=""><a href="/pay/index.html">充值</a></li>
<li><a href="/author/index.html" target="_blank">作家专区</a></li>
</ul>
</div>
</div>
</template>
<script>
export default {
name: "Navbar"
};
</script>