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 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>
<Navbar/>
</div>
</template>
<script>
import logo from "@/assets/images/logo.png";
import Navbar from "@/components/common/Navbar"
export default {
name: "Header",
components:{
Navbar
},
setup() {
return {
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>