Initial commit

src/components/Header.vue

@@ -0,0 +1,80 @@
+ <template>
+  <div class="header">
+    <div class="topBar" style="display: none">
+      <div class="box_center cf">
+        <div class="top_l">
+          <a href="/" class="on">小说精品屋</a><i class="line">|</i
+          ><a href="/?m=2">手机女生版</a><i class="line">|</i
+          ><a href="/?m=1">手机男生版</a><i class="line">|</i
+          ><a href="/">客户端下载</a>
+        </div>
+        <div class="top_r">
+          <div class="top_nearread">
+            <a
+              href="javascript:void(0);"
+              class="nearread"
+              id="headerUserHistoryBtn"
+              >最近阅读<i class="icon_down"></i
+            ></a>
+            <div
+              class="book_record"
+              style="display: none"
+              id="headerUserHistory"
+            ></div>
+          </div>
+          <span> </span>
+        </div>
+      </div>
+    </div>
+    <div class="topMain">
+      <div class="box_center cf">
+        <a href="/?m=2" class="logo fl"><img :src="logo" alt="小说精品屋" /></a>
+        <div class="searchBar fl">
+          <div class="search cf">
+            <input
+              type="text"
+              placeholder="书名、作者、关键字"
+              class="s_int"
+              name="searchKey"
+              id="searchKey"
+            />
+            <label class="search_btn" id="btnSearch" onclick="searchByK()"
+              ><i class="icon"></i
+            ></label>
+          </div>
+        </div>
+        <div class="bookShelf fr" id="headerUserInfo">
+          <a class="sj_link" href="/user/favorites.html">我的书架</a>
+          <span class="user_link"
+            ><i class="line mr20">|</i
+            ><a href="/user/login.html" class="mr15">登录</a
+            ><a href="/user/register.html">注册</a></span
+          >
+        </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>
+  </div>
+</template>
+
+<script>
+import logo from "@/assets/images/logo.png";
+export default {
+  name: "Header",
+  setup() {
+    return {
+      logo
+    };
+  },
+};
+</script>

src/components/HelloWorld.vue

@@ -1,58 +0,0 @@
-<template>
-  <div class="hello">
-    <h1>{{ msg }}</h1>
-    <p>
-      For a guide and recipes on how to configure / customize this project,<br>
-      check out the
-      <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
-    </p>
-    <h3>Installed CLI Plugins</h3>
-    <ul>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
-    </ul>
-    <h3>Essential Links</h3>
-    <ul>
-      <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
-      <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
-      <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
-      <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
-      <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
-    </ul>
-    <h3>Ecosystem</h3>
-    <ul>
-      <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
-      <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
-      <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
-      <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
-      <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
-    </ul>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'HelloWorld',
-  props: {
-    msg: String
-  }
-}
-</script>
-
-<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped>
-h3 {
-  margin: 40px 0 0;
-}
-ul {
-  list-style-type: none;
-  padding: 0;
-}
-li {
-  display: inline-block;
-  margin: 0 10px;
-}
-a {
-  color: #42b983;
-}
-</style>