diff --git a/static/html/list.html b/static/html/list.html
index 7cf1ef2..f8f14f3 100644
--- a/static/html/list.html
+++ b/static/html/list.html
@@ -7,6 +7,7 @@
     <title>GO-IMAP网页版邮箱imap工具</title>
 	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-ui@2.13.1/lib/theme-chalk/index.css">
     <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/vue-router/dist/vue-router.js"></script>
 	<script src="https://cdn.jsdelivr.net/npm/element-ui@2.13.1/lib/index.js"></script>
 	<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
     <style>
@@ -89,12 +90,27 @@
                             :total="mailTotal">
                     </el-pagination>
                 </el-main>
+            <router-view></router-view>
+
         </el-container>
 </template>
+<template id="mailList">
+    <div>aaa</div>
+</template>
 </div>
 </body>
 <script>
+    const list = { template: mailList };
+    const view = { template: '<div>bbb</div>' };
+    const routes = [
+        { path: '/', component: list },
+        { path: '/view', component: view }
+    ];
+    const router = new VueRouter({
+        routes // (缩写) 相当于 routes: routes
+    })
 	new Vue({
+        router,
 		el: '#app',
         delimiters:["<{","}>"],
 		data: {
diff --git a/tmpl/view.go b/tmpl/view.go
index ce02a1b..93974d0 100644
--- a/tmpl/view.go
+++ b/tmpl/view.go
@@ -1,6 +1,7 @@
 package tmpl
 
 import (
+	"github.com/taoshihan1991/imaptool/tools"
 	"html/template"
 	"net/http"
 )
@@ -71,6 +72,7 @@ func RenderView(w http.ResponseWriter, render interface{}) {
 </body>
 </html>
 `
-	t, _ := template.New("view").Parse(html)
+	html1:=tools.FileGetContent("html/view.html")
+	t, _ := template.New("view").Parse(html1)
 	t.Execute(w, render)
 }