diff --git a/server.go b/server.go
index 087b06a..bd77389 100644
--- a/server.go
+++ b/server.go
@@ -241,7 +241,7 @@ func folders(w http.ResponseWriter, r *http.Request) {
 		defer wg.Done()
 		folders := tools.GetFolders(mailServer.Server, mailServer.Email,mailServer.Password, fid)
 		result["folders"]=folders
-
+		result["total"]=folders[fid]
 	}()
 	go func() {
 		defer wg.Done()
diff --git a/static/html/list.html b/static/html/list.html
index 8eeb5d2..9b94d95 100644
--- a/static/html/list.html
+++ b/static/html/list.html
@@ -70,6 +70,13 @@
                             </el-timeline-item>
                         </el-timeline>
                     </div>
+                    <el-pagination
+                            background
+                            :current-page="page"
+                            @current-change="getFolders"
+                            layout="prev, pager, next"
+                            :total="mailTotal">
+                    </el-pagination>
                 </el-main>
         </el-container>
 </template>
@@ -82,13 +89,23 @@
 		data: {
             fullscreenLoading:true,
             folderlist:[],
+            mailTotal:0,
+            page:1,
 		},
 		methods: {
             //提交表单
-            getFolders: function () {
+            getFolders: function (page) {
+                this.fullscreenLoading=true;
+                if(page==""){
+                    page=1;
+                }
+                var data={};
+                data.page=page;
                 let _this = this;
-                $.get('/folders', function (rs) {
+                $.get('/folders',data, function (rs) {
                     _this.folderlist=rs.result;
+                    _this.mailTotal=rs.result.total;
+                    _this.fullscreenLoading=false;
                 }).then(()=>{
                     _this.fullscreenLoading=false;
                 });