更新

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-scrollbar max-height="22rem">
-            <el-timeline-item v-for="item in state.versionList" :key="item" :color="item.color" :icon="item.icon" :timestamp="item.timestamp" placement="top">
+            <el-timeline>
-              <el-card v-if="item.content.length > 1">
+              <el-timeline-item v-for="item in state.versionList" :key="item" :color="item.color" :icon="item.icon" :timestamp="item.timestamp" placement="top">
-                <p v-for="c in item.content" :key="c">{{ c }}</p>
+                <el-card v-if="item.content.length > 1">
-              </el-card>
+                  <p v-for="c in item.content" :key="c">{{ c }}</p>
-              <p v-else>{{ item.content[0] }}</p>
+                </el-card>
-            </el-timeline-item>
+                <p v-else>{{ item.content[0] }}</p>
-          </el-timeline>
+              </el-timeline-item>
+            </el-timeline>
+          </el-scrollbar>
         </div>
       </el-card>
     </div>

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;
 				}