diff --git a/doc/home-1.png b/doc/home-1.png
index 21a2f69..1b5a91a 100644
Binary files a/doc/home-1.png and b/doc/home-1.png differ
diff --git a/doc/home.png b/doc/home.png
index acf70a0..d57431e 100644
Binary files a/doc/home.png and b/doc/home.png differ
diff --git a/doc/login.png b/doc/login.png
index eff8f01..59ff9e7 100644
Binary files a/doc/login.png and b/doc/login.png differ
diff --git a/tansci-boot-ui/src/assets/image/gzh.jpg b/tansci-boot-ui/src/assets/image/gzh.jpg
new file mode 100644
index 0000000..b6d5e98
Binary files /dev/null and b/tansci-boot-ui/src/assets/image/gzh.jpg differ
diff --git a/tansci-boot-ui/src/assets/image/login-left.gif b/tansci-boot-ui/src/assets/image/login-left.gif
deleted file mode 100644
index 63f69a2..0000000
Binary files a/tansci-boot-ui/src/assets/image/login-left.gif and /dev/null differ
diff --git a/tansci-boot-ui/src/assets/image/login-left.png b/tansci-boot-ui/src/assets/image/login-left.png
index 6f6e730..9607913 100644
Binary files a/tansci-boot-ui/src/assets/image/login-left.png and b/tansci-boot-ui/src/assets/image/login-left.png differ
diff --git a/tansci-boot-ui/src/views/Index.vue b/tansci-boot-ui/src/views/Index.vue
index 1f66919..694977c 100644
--- a/tansci-boot-ui/src/views/Index.vue
+++ b/tansci-boot-ui/src/views/Index.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
   import { reactive, onMounted } from "vue"
 
+  const gzh = new URL('../assets/image/gzh.jpg', import.meta.url).href
   const state = reactive({
     versionList: [
       {timestamp:'2024-01-11', icon:'CircleCloseFilled', color:'#F56C6C', content: [
@@ -50,28 +51,38 @@
         </template>
         <div>
           <div>
-            <el-text>官网：</el-text>
+            <el-text>博客：</el-text>
             <el-link type="success" href="https://typ1805.gitee.io" target="_blank">https://typ1805.gitee.io</el-link>
           </div>
           <div style="padding-top: 1rem;">
-            <el-text>交流群：</el-text>
+            <el-text>QQ：</el-text>
+            <el-link type="success">742354529</el-link>
+          </div>
+          <div style="padding-top: 1rem;">
+            <el-text>QQ群：</el-text>
             <el-link type="success">747200630</el-link>
           </div>
+          <div style="padding-top: 1rem;">
+            <el-text>公众号：</el-text><br>
+            <el-image style="width: 100px; height: 100px" :src="gzh" fit="fit" />
+          </div>
         </div>
       </el-card>
       <el-card shadow="never" style="flex: 1;">
         <template #header>
-          <span>Tansci发展史</span>
+          <span>更新日志</span>
         </template>
         <div>
-          <el-timeline>
-            <el-timeline-item v-for="item in state.versionList" :key="item" :color="item.color" :icon="item.icon" :timestamp="item.timestamp" placement="top">
-              <el-card v-if="item.content.length > 1">
-                <p v-for="c in item.content" :key="c">{{ c }}</p>
-              </el-card>
-              <p v-else>{{ item.content[0] }}</p>
-            </el-timeline-item>
-          </el-timeline>
+          <el-scrollbar max-height="22rem">
+            <el-timeline>
+              <el-timeline-item v-for="item in state.versionList" :key="item" :color="item.color" :icon="item.icon" :timestamp="item.timestamp" placement="top">
+                <el-card v-if="item.content.length > 1">
+                  <p v-for="c in item.content" :key="c">{{ c }}</p>
+                </el-card>
+                <p v-else>{{ item.content[0] }}</p>
+              </el-timeline-item>
+            </el-timeline>
+          </el-scrollbar>
         </div>
       </el-card>
     </div>
diff --git a/tansci-boot-ui/src/views/common/Login.vue b/tansci-boot-ui/src/views/common/Login.vue
index 466b00c..6b1938b 100644
--- a/tansci-boot-ui/src/views/common/Login.vue
+++ b/tansci-boot-ui/src/views/common/Login.vue
@@ -8,7 +8,7 @@
 	const loginFormRef = ref<FormInstance>() 
 	
 	const logo = new URL('../../assets/image/logo.png', import.meta.url).href
-	const loginLogo = new URL('../../assets/image/login-left.gif', import.meta.url).href
+	const loginLogo = new URL('../../assets/image/login-left.png', import.meta.url).href
 	const codeImg = ref()
 
 	const state = reactive({
@@ -113,7 +113,9 @@
 			<div>
 				<el-link href="https://typ1805.gitee.io" target="_blank">关于作者</el-link>
 				<el-divider direction="vertical" />
-				<el-link href="https://gitee.com/typ1805/tansci-boot" target="_blank">源码地址 Gitee & GitHub</el-link>
+				<el-text size="small">源码地址</el-text>
+				<el-link href="https://gitee.com/typ1805/tansci-boot" target="_blank" style="padding:0 0.6rem">Gitee</el-link>
+				<el-link href="https://github.com/typ1805/tansci-boot" target="_blank">GitHub</el-link>
 				<el-divider direction="vertical" />
 				<el-link href="https://typ1805.gitee.io" target="_blank">联系作者</el-link>
 			</div>
@@ -154,7 +156,7 @@
 				justify-content: center;
 				align-items: center;
 				.logo{
-					width: 36rem;
+					width: 26rem;
 					padding-right: 2rem;
 					// transition: all .2s;
 				}