From 5c36ed5ffcca4ed1d57cc971b3a781d715b70dcd Mon Sep 17 00:00:00 2001
From: zhl <zhl010101@gmail.com>
Date: Tue, 28 Dec 2021 19:24:55 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E9=A1=B5=E9=9D=A2=E7=BB=93?=
 =?UTF-8?q?=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                                     |  3 ---
 src/components/{ => market}/Card.vue            |  0
 src/components/{ => market}/CardList.vue        |  4 ++--
 src/components/{ => market}/FilterItem.vue      |  0
 src/components/{ => market}/HelloWorld.vue      |  0
 src/components/{ => market}/HeroClass.vue       |  0
 src/components/{ => market}/HeroLevel.vue       |  0
 src/components/{ => market}/HeroTrophy.vue      |  0
 src/components/{ => market}/ItemDetail.vue      | 10 +++++-----
 src/components/{ => market}/Pagination.vue      |  0
 src/components/{ => market}/RangeMarkSlider.vue |  0
 .../{ => market}/RangeNumberSlider.vue          |  0
 src/components/{ => market}/RarityCard.vue      |  0
 src/components/{ => market}/ResultNo.vue        |  0
 src/components/{ => market}/SearchPanel.vue     |  8 ++++----
 src/components/{ => market}/SearchResult.vue    |  6 +++---
 src/components/{ => market}/SelectSection.vue   |  0
 src/components/{ => market}/SkinRarityCard.vue  |  0
 src/components/{ => market}/SortSelect.vue      |  0
 src/components/{ => market}/TopMenu.vue         |  0
 src/router/index.ts                             | 12 +++++++++---
 src/views/Item.vue                              | 13 +++++++++----
 src/views/Main.vue                              | 17 +++++++++++++++++
 src/views/{Home.vue => Market.vue}              | 13 +++++++++----
 24 files changed, 58 insertions(+), 28 deletions(-)
 rename src/components/{ => market}/Card.vue (100%)
 rename src/components/{ => market}/CardList.vue (93%)
 rename src/components/{ => market}/FilterItem.vue (100%)
 rename src/components/{ => market}/HelloWorld.vue (100%)
 rename src/components/{ => market}/HeroClass.vue (100%)
 rename src/components/{ => market}/HeroLevel.vue (100%)
 rename src/components/{ => market}/HeroTrophy.vue (100%)
 rename src/components/{ => market}/ItemDetail.vue (99%)
 rename src/components/{ => market}/Pagination.vue (100%)
 rename src/components/{ => market}/RangeMarkSlider.vue (100%)
 rename src/components/{ => market}/RangeNumberSlider.vue (100%)
 rename src/components/{ => market}/RarityCard.vue (100%)
 rename src/components/{ => market}/ResultNo.vue (100%)
 rename src/components/{ => market}/SearchPanel.vue (96%)
 rename src/components/{ => market}/SearchResult.vue (88%)
 rename src/components/{ => market}/SelectSection.vue (100%)
 rename src/components/{ => market}/SkinRarityCard.vue (100%)
 rename src/components/{ => market}/SortSelect.vue (100%)
 rename src/components/{ => market}/TopMenu.vue (100%)
 create mode 100644 src/views/Main.vue
 rename src/views/{Home.vue => Market.vue} (85%)

diff --git a/src/App.vue b/src/App.vue
index 0709d80..310cbba 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,17 +1,14 @@
 <template>
   <div id="app">
-    <top-menu></top-menu>
     <router-view />
   </div>
 </template>
 <script lang="ts">
 import { Component, Vue } from 'vue-property-decorator'
-import TopMenu from '@/components/TopMenu.vue'
 
 @Component({
   name: 'App',
   components: {
-    TopMenu
   }
 })
 export default class extends Vue {
diff --git a/src/components/Card.vue b/src/components/market/Card.vue
similarity index 100%
rename from src/components/Card.vue
rename to src/components/market/Card.vue
diff --git a/src/components/CardList.vue b/src/components/market/CardList.vue
similarity index 93%
rename from src/components/CardList.vue
rename to src/components/market/CardList.vue
index 9b319f6..2fd2bca 100644
--- a/src/components/CardList.vue
+++ b/src/components/market/CardList.vue
@@ -8,8 +8,8 @@
 </template>
 <script lang="ts">
 import { Component, Vue } from 'vue-property-decorator'
-import Pagination from '@/components/Pagination.vue'
-import Card from '@/components/Card.vue'
+import Pagination from '@/components/market/Pagination.vue'
+import Card from '@/components/market/Card.vue'
 
 @Component({
   name: 'CardList',
diff --git a/src/components/FilterItem.vue b/src/components/market/FilterItem.vue
similarity index 100%
rename from src/components/FilterItem.vue
rename to src/components/market/FilterItem.vue
diff --git a/src/components/HelloWorld.vue b/src/components/market/HelloWorld.vue
similarity index 100%
rename from src/components/HelloWorld.vue
rename to src/components/market/HelloWorld.vue
diff --git a/src/components/HeroClass.vue b/src/components/market/HeroClass.vue
similarity index 100%
rename from src/components/HeroClass.vue
rename to src/components/market/HeroClass.vue
diff --git a/src/components/HeroLevel.vue b/src/components/market/HeroLevel.vue
similarity index 100%
rename from src/components/HeroLevel.vue
rename to src/components/market/HeroLevel.vue
diff --git a/src/components/HeroTrophy.vue b/src/components/market/HeroTrophy.vue
similarity index 100%
rename from src/components/HeroTrophy.vue
rename to src/components/market/HeroTrophy.vue
diff --git a/src/components/ItemDetail.vue b/src/components/market/ItemDetail.vue
similarity index 99%
rename from src/components/ItemDetail.vue
rename to src/components/market/ItemDetail.vue
index bae55cf..7999bfa 100644
--- a/src/components/ItemDetail.vue
+++ b/src/components/market/ItemDetail.vue
@@ -94,11 +94,11 @@
 </template>
 <script lang="ts">
 import { Component, Vue } from 'vue-property-decorator'
-import HeroLevel from '@/components/HeroLevel.vue'
-import HeroClass from '@/components/HeroClass.vue'
-import HeroTrophy from '@/components/HeroTrophy.vue'
-import RarityCard from '@/components/RarityCard.vue'
-import SkinRarityCard from '@/components/SkinRarityCard.vue'
+import HeroLevel from '@/components/market/HeroLevel.vue'
+import HeroClass from '@/components/market/HeroClass.vue'
+import HeroTrophy from '@/components/market/HeroTrophy.vue'
+import RarityCard from '@/components/market/RarityCard.vue'
+import SkinRarityCard from '@/components/market/SkinRarityCard.vue'
 
 @Component({
   name: 'ItemDetail',
diff --git a/src/components/Pagination.vue b/src/components/market/Pagination.vue
similarity index 100%
rename from src/components/Pagination.vue
rename to src/components/market/Pagination.vue
diff --git a/src/components/RangeMarkSlider.vue b/src/components/market/RangeMarkSlider.vue
similarity index 100%
rename from src/components/RangeMarkSlider.vue
rename to src/components/market/RangeMarkSlider.vue
diff --git a/src/components/RangeNumberSlider.vue b/src/components/market/RangeNumberSlider.vue
similarity index 100%
rename from src/components/RangeNumberSlider.vue
rename to src/components/market/RangeNumberSlider.vue
diff --git a/src/components/RarityCard.vue b/src/components/market/RarityCard.vue
similarity index 100%
rename from src/components/RarityCard.vue
rename to src/components/market/RarityCard.vue
diff --git a/src/components/ResultNo.vue b/src/components/market/ResultNo.vue
similarity index 100%
rename from src/components/ResultNo.vue
rename to src/components/market/ResultNo.vue
diff --git a/src/components/SearchPanel.vue b/src/components/market/SearchPanel.vue
similarity index 96%
rename from src/components/SearchPanel.vue
rename to src/components/market/SearchPanel.vue
index 74d9429..3b48eb4 100644
--- a/src/components/SearchPanel.vue
+++ b/src/components/market/SearchPanel.vue
@@ -139,10 +139,10 @@
 
 <script lang="ts">
 import { Component, Vue } from 'vue-property-decorator'
-import FilterItem from '@/components/FilterItem.vue'
-import SelectSection from '@/components/SelectSection.vue'
-import RangeNumberSlider from '@/components/RangeNumberSlider.vue'
-import RangeMarkSlider from '@/components/RangeMarkSlider.vue'
+import FilterItem from '@/components/market/FilterItem.vue'
+import SelectSection from '@/components/market/SelectSection.vue'
+import RangeNumberSlider from '@/components/market/RangeNumberSlider.vue'
+import RangeMarkSlider from '@/components/market/RangeMarkSlider.vue'
 
 @Component({
   name: 'SearchPanel',
diff --git a/src/components/SearchResult.vue b/src/components/market/SearchResult.vue
similarity index 88%
rename from src/components/SearchResult.vue
rename to src/components/market/SearchResult.vue
index d46ec77..e43d70a 100644
--- a/src/components/SearchResult.vue
+++ b/src/components/market/SearchResult.vue
@@ -12,9 +12,9 @@
 </template>
 <script lang="ts">
 import { Component, Vue } from 'vue-property-decorator'
-import SortSelect from '@/components/SortSelect.vue'
-import CardList from '@/components/CardList.vue'
-import ResultNo from '@/components/ResultNo.vue'
+import SortSelect from '@/components/market/SortSelect.vue'
+import CardList from '@/components/market/CardList.vue'
+import ResultNo from '@/components/market/ResultNo.vue'
 
 @Component({
   name: 'SearchResult',
diff --git a/src/components/SelectSection.vue b/src/components/market/SelectSection.vue
similarity index 100%
rename from src/components/SelectSection.vue
rename to src/components/market/SelectSection.vue
diff --git a/src/components/SkinRarityCard.vue b/src/components/market/SkinRarityCard.vue
similarity index 100%
rename from src/components/SkinRarityCard.vue
rename to src/components/market/SkinRarityCard.vue
diff --git a/src/components/SortSelect.vue b/src/components/market/SortSelect.vue
similarity index 100%
rename from src/components/SortSelect.vue
rename to src/components/market/SortSelect.vue
diff --git a/src/components/TopMenu.vue b/src/components/market/TopMenu.vue
similarity index 100%
rename from src/components/TopMenu.vue
rename to src/components/market/TopMenu.vue
diff --git a/src/router/index.ts b/src/router/index.ts
index 77ea843..d6e898a 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,6 +1,7 @@
 import Vue from 'vue'
 import VueRouter, { RouteConfig } from 'vue-router'
-import Home from '../views/Home.vue'
+import Main from '../views/Main.vue'
+import Market from '../views/Market.vue'
 import Item from '../views/Item.vue'
 
 Vue.use(VueRouter)
@@ -8,8 +9,13 @@ Vue.use(VueRouter)
 const routes: Array<RouteConfig> = [
   {
     path: '/',
-    name: 'Home',
-    component: Home
+    name: 'Main',
+    component: Main
+  },
+  {
+    path: '/market',
+    name: 'Market',
+    component: Market
   },
   {
     path: '/item',
diff --git a/src/views/Item.vue b/src/views/Item.vue
index 0775cfa..a7715a4 100644
--- a/src/views/Item.vue
+++ b/src/views/Item.vue
@@ -1,16 +1,21 @@
 <template>
-  <div class="root">
-    <item-detail></item-detail>
+  <div>
+    <top-menu></top-menu>
+    <div class="root">
+      <item-detail></item-detail>
+    </div>
   </div>
 </template>
 
 <script lang="ts">
 import { Component, Vue } from 'vue-property-decorator'
-import ItemDetail from '@/components/ItemDetail.vue'
+import ItemDetail from '@/components/market/ItemDetail.vue'
+import TopMenu from '@/components/market/TopMenu.vue'
 
 @Component({
   components: {
-    ItemDetail
+    ItemDetail,
+    TopMenu
   }
 })
 export default class Item extends Vue {}
diff --git a/src/views/Main.vue b/src/views/Main.vue
new file mode 100644
index 0000000..9388fdf
--- /dev/null
+++ b/src/views/Main.vue
@@ -0,0 +1,17 @@
+<template>
+  <section class="root">
+    <div class="container">
+    </div>
+  </section>
+</template>
+<script lang="ts">
+import { Component, Vue } from 'vue-property-decorator'
+@Component({
+  components: {
+  }
+})
+export default class Index extends Vue {}
+</script>
+<style lang="scss" scoped>
+
+</style>
diff --git a/src/views/Home.vue b/src/views/Market.vue
similarity index 85%
rename from src/views/Home.vue
rename to src/views/Market.vue
index e283bf9..4419826 100644
--- a/src/views/Home.vue
+++ b/src/views/Market.vue
@@ -1,24 +1,29 @@
 <template>
+  <div>
+  <top-menu></top-menu>
   <section class="root">
     <div class="container">
       <search-panel></search-panel>
       <search-result></search-result>
     </div>
   </section>
+  </div>
 </template>
 
 <script lang="ts">
 import { Component, Vue } from 'vue-property-decorator'
-import SearchPanel from '@/components/SearchPanel.vue'
-import SearchResult from '@/components/SearchResult.vue'
+import SearchPanel from '@/components/market/SearchPanel.vue'
+import SearchResult from '@/components/market/SearchResult.vue'
+import TopMenu from '@/components/market/TopMenu.vue'
 
 @Component({
   components: {
     SearchResult,
-    SearchPanel
+    SearchPanel,
+    TopMenu
   }
 })
-export default class Home extends Vue {}
+export default class Market extends Vue {}
 </script>
 <style lang="scss" scoped>
 .root {