From 2742ad21bfe8ab010d775f3b70070727128dabc3 Mon Sep 17 00:00:00 2001
From: fanzheng <montage_fz@sina.com>
Date: Sun, 29 Sep 2019 16:50:40 +0800
Subject: [PATCH] =?UTF-8?q?-=20[=E6=96=B0=E5=A2=9E]=20=E5=9B=A0=E4=B8=BA?=
 =?UTF-8?q?=E6=BB=9A=E5=8A=A8=E6=9D=A1=E5=8F=97=E5=88=B0=E5=85=A8=E5=B1=80?=
 =?UTF-8?q?=E7=9A=84=E5=BD=B1=E5=93=8D,=20=E6=89=80=E4=BB=A5=E6=88=91?=
 =?UTF-8?q?=E4=BB=AC=E4=BD=BF=E7=94=A8scrollBehavior=E8=B7=AF=E7=94=B1?=
 =?UTF-8?q?=E9=92=A9=E5=AD=90,=20=E8=A7=A3=E5=86=B3=E5=88=9D=E5=A7=8B?=
 =?UTF-8?q?=E5=8C=96=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/api/detail.json     | 38 ++++++++++++++++++++++++++++++++++++++
 src/App.vue                |  2 +-
 src/router/index.js        |  4 ++++
 src/views/Detail/index.vue | 37 +++++++++++++------------------------
 4 files changed, 56 insertions(+), 25 deletions(-)
 create mode 100644 public/api/detail.json

diff --git a/public/api/detail.json b/public/api/detail.json
new file mode 100644
index 0000000..eeb77fe
--- /dev/null
+++ b/public/api/detail.json
@@ -0,0 +1,38 @@
+{
+  "ret": true,
+  "data": {
+    "sightName": "大连圣亚海洋世界(AAAA景区)",
+    "bannerImg": "http://img1.qunarzz.com/sight/p0/201404/23/04b92c99462687fa1ba45c1b5ba4ad77.jpg_600x330_bf9c4904.jpg",
+    "gallaryImgs": [
+      "http://img1.qunarzz.com/sight/p0/201404/23/04b92c99462687fa1ba45c1b5ba4ad77.jpg_800x800_70debc93.jpg",
+      "http://img1.qunarzz.com/sight/p0/1709/76/7691528bc7d7ad3ca3.img.png_800x800_9ef05ee7.png"
+    ],
+    "categoryList": [
+      {
+        "title": "成人票",
+        "children": [
+          {
+            "title": "成人三馆联票",
+            "children": [
+              {
+                "title": "成人三馆联票 - 某一连锁店销售"
+              }
+            ]
+          },
+          {
+            "title": "成人五馆联票"
+          }
+        ]
+      },
+      {
+        "title": "学生票"
+      },
+      {
+        "title": "儿童票"
+      },
+      {
+        "title": "特惠票"
+      }
+    ]
+  }
+}
diff --git a/src/App.vue b/src/App.vue
index 2c58558..3dedc97 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,6 @@
 <template>
     <div id="app">
-        <keep-alive>
+        <keep-alive :exclude="['Detail']">
             <router-view />
         </keep-alive>
     </div>
diff --git a/src/router/index.js b/src/router/index.js
index 5a41668..403d32a 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -24,4 +24,8 @@ export default new Router({
             component: Detail,
         },
     ],
+    scrollBehavior() {
+        return {x: 0, y: 0};
+    },
+    
 });
diff --git a/src/views/Detail/index.vue b/src/views/Detail/index.vue
index 79610e2..455049f 100644
--- a/src/views/Detail/index.vue
+++ b/src/views/Detail/index.vue
@@ -23,35 +23,24 @@
         },
         data() {
             return {
-                list: [{
-                    title: '成人票',
-                    children: [{
-                        title: '成人三馆门票',
-                        children: [{
-                            title: '成人3馆门票',
-                        }, {
-                            title: '成人5馆门票',
-                        }, {
-                            title: '成人8馆门票',
-                        }],
-                    }, {
-                        title: '成人五馆门票',
-                    }, {
-                        title: '成人八馆门票',
-                    }],
-                }, {
-                    title: '学生票',
-                }, {
-                    title: '儿童票',
-                }, {
-                    title: '特惠票',
-                }],
+                list: [],
             };
         },
         created() {
+            this.init();
         },
         computed: {},
-        methods: {},
+        watch: {
+        },
+        methods: {
+            async init() {
+                const {id} = this.$route.params;
+                const {data: {data: {categoryList}}} = await this.$axios.get('/api/detail.json', {
+                    params: {id},
+                });
+                this.list = categoryList;
+            },
+        },
     };
 </script>