diff --git a/src/components/MyHome.vue b/src/components/MyHome.vue
index f177791a2fa2fa455fe7cb6e56bac848cd4aee5e..085d12d769d0893e565db38cf2f851415378a8f5 100644
--- a/src/components/MyHome.vue
+++ b/src/components/MyHome.vue
@@ -20,7 +20,6 @@
 import MyHeader from './subcomponents/MyHeader.vue'
 // 左侧边栏组件
 import MyAside from './subcomponents/MyAside.vue'
-
 export default {
   name: 'MyHome',
   // 注册组件
@@ -46,4 +45,4 @@ export default {
     }
   }
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/src/components/menus/MyChat.vue b/src/components/menus/MyChat.vue
index 3f208e3c921d4850e8e63bc24b29c4aa4b76995c..512c965f6424d8dbfc59bf6884ef033c9569dde9 100644
--- a/src/components/menus/MyChat.vue
+++ b/src/components/menus/MyChat.vue
@@ -1,128 +1,141 @@
 <template>
-  <div>
-    <el-container>
-      <el-header style="text-align: right; font-size: 12px">
-        <i class="el-icon-refresh header-button-item" @click="refreshPage"></i>
-        <el-dropdown>
-          <i class="el-icon-setting header-button-item"></i>
-          <el-dropdown-menu slot="dropdown">
-            <el-dropdown-item>新增</el-dropdown-item>
-          </el-dropdown-menu>
-        </el-dropdown>
-        <a href="http://qinyingjie.top/" target="_blank" class="header-button-item">kwan</a>
-      </el-header>
+	<div>
+		<el-container>
+			<el-header style="text-align: right; font-size: 12px">
+				<i class="el-icon-refresh header-button-item" @click="refreshPage"></i>
+				<el-dropdown>
+					<i class="el-icon-setting header-button-item"></i>
+					<el-dropdown-menu slot="dropdown">
+						<el-dropdown-item>新增</el-dropdown-item>
+					</el-dropdown-menu>
+				</el-dropdown>
+				<a href="http://qinyingjie.top/" target="_blank" class="header-button-item">kwan</a>
+			</el-header>
 
-      <el-main>
-        <el-table :data="userlist" v-loading="loading">
-          <el-table-column prop="id" label="序号" width="50"></el-table-column>
-          <el-table-column
-            prop="question"
-            label="问题"
-            width="240"
-          ></el-table-column>
-          <el-table-column prop="response" label="答案"></el-table-column>
-          <el-table-column label="创建时间" width="170">
-            <template slot-scope="props">
-              {{ props.row.createTime | dateFormat }}
-            </template>
-          </el-table-column>
-          <el-table-column prop="详情" label="详情" width="100">
-            <template slot-scope="props">
-              <a href="#" @click.prevent="gotoDetail(props.row.id)">详情</a>
-            </template>
-          </el-table-column>
-        </el-table>
-        <el-pagination
-          class="pagination"
-          background
-          :key="elementui_page_component_key"
-          :current-page.sync="currentPage"
-          :page-size="pageSize"
-          :total="total"
-          @current-change="handleCurrentChange"
-        ></el-pagination>
-      </el-main>
-    </el-container>
-  </div>
+			<el-main>
+				<el-table :data="userlist" v-loading="loading">
+					<el-table-column prop="id" label="序号" width="50"></el-table-column>
+					<el-table-column prop="question" label="问题" width="240"></el-table-column>
+					<el-table-column prop="response" label="答案"></el-table-column>
+					<el-table-column label="创建时间" width="170">
+						<template slot-scope="props">
+							{{ props.row.createTime | dateFormat }}
+						</template>
+					</el-table-column>
+					<el-table-column prop="详情" label="详情" width="100">
+						<template slot-scope="props">
+							<a href="#" @click.prevent="gotoDetail(props.row.id)">详情</a>
+						</template>
+					</el-table-column>
+				</el-table>
+				<el-pagination
+					class="pagination"
+					background
+					:key="elementui_page_component_key"
+					:current-page.sync="currentPage"
+					:page-size="pageSize"
+					:total="total"
+					@current-change="handleCurrentChange"
+				></el-pagination>
+			</el-main>
+			<el-backtop class="backtop"></el-backtop>
+		</el-container>
+	</div>
 </template>
 
 <script>
-import axios from "axios";
+import axios from 'axios';
 export default {
-  name: "MyChat",
+    name: 'MyChat',
 
-  data() {
-    return {
-      // 用户列表数据
-      userlist: [],
-      loading: false,
-      elementui_page_component_key: 0,
-      currentPage: Number(localStorage.getItem("lastPage")) || 1,
-      pageSize: 5,
-      total: 0,
-    };
-  },
+    data() {
+        return {
+            // 用户列表数据
+            userlist: [],
+            loading: false,
+            elementui_page_component_key: 0,
+            currentPage: Number(localStorage.getItem('lastPage')) || 1,
+            pageSize: 5,
+            total: 0,
+        };
+    },
 
-  created() {
-    // 调用请求数据的方法
-    this.initCartList();
-  },
-  mounted() {
-    this.currentPage = Number(localStorage.getItem("lastPage")) || 1;
-    this.elementui_page_component_key++;
-  },
-  methods: {
-    refreshPage() {
-      location.reload();
+    created() {
+        // 调用请求数据的方法
+        this.initCartList();
     },
-    gotoDetail(id) {
-      this.$router.push("/home/chatinfo/" + id);
+    mounted() {
+        this.currentPage = Number(localStorage.getItem('lastPage')) || 1;
+        this.elementui_page_component_key++;
     },
+    methods: {
+        refreshPage() {
+            location.reload();
+        },
+        gotoDetail(id) {
+            this.$router.push('/home/chatinfo/' + id);
+        },
 
-    async initCartList() {
-      this.loading = true;
-      const { data: res } = await axios.get(
-        "http://120.79.36.53:8888/chatbot/page",
-        {
-          params: {
-            page: this.currentPage,
-            pageSize: this.pageSize,
-          },
-        }
-      );
-      if (res.code === 200) {
-        this.userlist = res.result.records;
-        this.total = res.result.total;
-        localStorage.setItem("lastPage", this.currentPage);
-      }
-      this.loading = false;
-    },
+        async initCartList() {
+            this.loading = true;
+            const { data: res } = await axios.get('http://120.79.36.53:8888/chatbot/page', {
+                params: {
+                    page: this.currentPage,
+                    pageSize: this.pageSize,
+                },
+            });
+            if (res.code === 200) {
+                this.userlist = res.result.records;
+                this.total = res.result.total;
+                localStorage.setItem('lastPage', this.currentPage);
+            }
+            this.loading = false;
+        },
 
-    handleCurrentChange(currentPage) {
-      this.currentPage = currentPage;
-      this.initCartList();
+        handleCurrentChange(currentPage) {
+            this.currentPage = currentPage;
+            this.initCartList();
+        },
     },
-  },
 };
 </script>
 
 <style lang="less" scoped>
 .el-header {
-  background-color: #b3c0d1;
-  color: #333;
-  line-height: 60px;
+	background-color: #b3c0d1;
+	color: #333;
+	line-height: 60px;
 }
 
 .el-aside {
-  color: #333;
+	color: #333;
 }
 
 .pagination {
-  margin-top: 16px;
-  text-align: right;
+	margin-top: 16px;
+	text-align: right;
 }
 .header-button-item {
-  margin-right: 15px;
-  font-size: 20px;
+	margin-right: 15px;
+	font-size: 20px;
+}
+
+.backtop {
+	position: fixed;
+	bottom: 50px;
+	right: 50px;
+	height: 40px;
+	width: 40px;
+	line-height: 40px;
+	text-align: center;
+	border-radius: 20px;
+	background-color: #007aff;
+	color: #fff;
+	cursor: pointer;
+	z-index: 999;
+}
+
+.backtop:hover {
+	background-color: #0050a0;
 }
 </style>
\ No newline at end of file
diff --git a/src/components/subcomponents/MyAside.vue b/src/components/subcomponents/MyAside.vue
index 9d41f5b0f25cffb69a8ed613ea4856321606c8f3..71327631745f149eeb7fddccf789b2aa087b24cf 100644
--- a/src/components/subcomponents/MyAside.vue
+++ b/src/components/subcomponents/MyAside.vue
@@ -47,6 +47,7 @@
 <script>
 export default { name: "MyAside" };
 </script>
+
 <style lang="less" scoped>
 .layout-aside-container {
   width: 250px;
@@ -56,4 +57,4 @@ export default { name: "MyAside" };
 .left-aside-item {
   font-size: 20px;
 }
-</style>
+</style>
\ No newline at end of file