From e9ee800dc03a296ce4b26f69c3efabb690791fcd Mon Sep 17 00:00:00 2001
From: pengshanglong <pengshanglong@simuwang.com>
Date: Thu, 21 May 2020 17:09:54 +0800
Subject: [PATCH] feat: add page navigate

---
 src/app.config.ts              |  2 +-
 src/pages/demo/index.vue       | 16 +++++++---
 src/pages/index/indexMixins.ts | 58 ++++++++++++----------------------
 3 files changed, 33 insertions(+), 43 deletions(-)

diff --git a/src/app.config.ts b/src/app.config.ts
index fd58ebb..6ad64ac 100644
--- a/src/app.config.ts
+++ b/src/app.config.ts
@@ -1,5 +1,5 @@
 export default {
-  pages: ['pages/demo/index'],
+  pages: ['pages/demo/index', 'pages/index/index'],
   window: {
     backgroundTextStyle: 'light',
     navigationBarBackgroundColor: '#fff',
diff --git a/src/pages/demo/index.vue b/src/pages/demo/index.vue
index 2cb085c..975213e 100644
--- a/src/pages/demo/index.vue
+++ b/src/pages/demo/index.vue
@@ -11,8 +11,9 @@
     <AtTag
       type="primary"
       circle
+      :on-click="handleClick"
     >
-      标签
+      index page
     </AtTag>
     <!-- <picker
       mode="date"
@@ -28,6 +29,7 @@
   </view>
 </template>
 <script>
+import Taro from '@tarojs/taro'
 import { AtCalendar } from '../../components'
 import { AtIcon, AtTag } from '../../components'
 export default {
@@ -43,9 +45,15 @@ export default {
   },
   methods: {
     bindDateChange: function(e) {
-    console.log('picker发送选择改变，携带值为', e.detail.value)
-    this.date = e.detail.value
-  }
+      console.log('picker发送选择改变，携带值为', e.detail.value)
+      this.date = e.detail.value
+    },
+    handleClick() {
+      Taro.navigateTo({url: '/pages/index/index'})
+        .then(() => {
+          console.log('success')
+        })
+    }
   }
 }
 </script>
diff --git a/src/pages/index/indexMixins.ts b/src/pages/index/indexMixins.ts
index f4c4d6e..bd59525 100644
--- a/src/pages/index/indexMixins.ts
+++ b/src/pages/index/indexMixins.ts
@@ -1,37 +1,28 @@
 import Taro from '@tarojs/taro'
-// import Button from '../../components/button/index.jsx'
+// import Button from '../../components/button/index'
 import Badge from '../../components/badge/index'
 import Icon from '../../components/icon/index'
-import Fab from '../../components/fab/index.jsx'
-import Avatar from '../../components/avatar/index.jsx'
-// import Countdown from '../../components/countdown/index.jsx'
-import Curtain from '../../components/curtain/index.jsx'
-// import LoadMore from '../../components/load-more/index.jsx'
-import Noticebar from '../../components/noticebar/index.jsx'
-import Tag from '../../components/tag/index.jsx'
-import Timeline from '../../components/timeline/index.jsx'
-import Divider from '../../components/divider/index.jsx'
-import ActionSheet from '../../components/action-sheet/index.jsx'
-import ActionSheetItem from '../../components/action-sheet/body/item/index.jsx'
-import Progress from '../../components/progress/index.jsx'
-import Modal from '../../components/modal/index.jsx'
-import ModalHeader from '../../components/modal/header/index.jsx'
-import ModalContent from '../../components/modal/content/index.jsx'
-import ModalAction from '../../components/modal/action/index.jsx'
-import Toast from '../../components/toast/index.jsx'
-import SwipeAction from '../../components/swipe-action/index.jsx'
-import Message from '../../components/message/index.jsx'
+import Fab from '../../components/fab/index'
+import Avatar from '../../components/avatar/index'
+// import Countdown from '../../components/countdown/index'
+import Curtain from '../../components/curtain/index'
+// import LoadMore from '../../components/load-more/index'
+import Noticebar from '../../components/noticebar/index'
+import Tag from '../../components/tag/index'
+import Timeline from '../../components/timeline/index'
+import Divider from '../../components/divider/index'
+import ActionSheet from '../../components/action-sheet/index'
+import ActionSheetItem from '../../components/action-sheet/body/item/index'
+import Progress from '../../components/progress/index'
+import Modal from '../../components/modal/index'
+import ModalHeader from '../../components/modal/header/index'
+import ModalContent from '../../components/modal/content/index'
+import ModalAction from '../../components/modal/action/index'
+import Toast from '../../components/toast/index'
+import SwipeAction from '../../components/swipe-action/index'
+import Message from '../../components/message/index'
 import Demo from './demo'
 import {
-  Grid,
-  List,
-  ListItem,
-  Card,
-  FloatLayout,
-  Accordion,
-  NavBar,
-  TabBar,
-  SegmentedControl,
   AtTabs,
   AtTabsPane,
   AtPagination,
@@ -76,15 +67,6 @@ export default {
     Toast,
     SwipeAction,
     Message,
-    Grid,
-    List,
-    ListItem,
-    Card,
-    FloatLayout,
-    Accordion,
-    NavBar,
-    TabBar,
-    SegmentedControl,
     AtTabs,
     AtTabsPane,
     AtPagination,