Merge pull request #88 from shenxianovo/main

优化聊天消息组件排版；将历年大群群名替换为全称

Author: shenxianovo

docs/.vitepress/theme/components/ChatMessage.vue

@@ -25,25 +25,25 @@ const props = defineProps({
 const { isDark } = useData()
 
 const flexDirection = computed(() => props.position === 'right' ? 'row-reverse' : 'row')
-const avatarMargin = computed(() => props.position === 'right' ? 'margin-left: 10px' : 'margin-right: 10px')
 const messageAlign = computed(() => props.position === 'right' ? 'margin-left: auto; max-width: 70%' : 'margin-right: auto; max-width: 70%')
-const nicknameAlign = computed(() => props.position === 'right' ? 'text-align: right' : '')
+const nicknameAlign = computed(() => props.position === 'right' ? 'right' : 'left')
 
 const bubbleBg = computed(() => isDark.value ? '#333' : '#f0f0f0')
 const textColor = computed(() => isDark.value ? '#fff' : '#000')
 
 const messageStyle = computed(() => ({
   display: 'flex',
-  alignItems: 'center',
+  alignItems: 'flex-end',
   margin: '10px 0',
-  flexDirection: flexDirection.value
+  flexDirection: flexDirection.value,
+  gap: '5px'
 }))
 
 const avatarStyle = computed(() => ({
   width: '50px',
   height: '50px',
   borderRadius: '50%',
-  margin: avatarMargin.value
+  marginTop: '-5px'
 }))
 
 const contentStyle = computed(() => {
@@ -59,7 +59,7 @@ const contentStyle = computed(() => {
 const nicknameStyle = computed(() => ({
   fontWeight: 'bold',
   marginBottom: '5px',
-  textAlign: nicknameAlign.value || 'left'
+  textAlign: nicknameAlign.value
 }))
 
 const bubbleStyle = computed(() => ({

docs/about/annual-group.md

@@ -7,19 +7,19 @@ import {
 } from 'vitepress/theme';
 
 const annualGroups = [
-  { avatar: '/about/annual-group/幻想乡.png', name: '幻想乡', title: '2025' },
-  { avatar: '/about/annual-group/春日影.png', name: '春日影', title: '2024' },
-  { avatar: '/about/annual-group/愛言葉.png', name: '愛言葉', title: '2023' },
-  { avatar: '/about/annual-group/虹之咲.jpg', name: '虹之咲', title: '2022' },
-  { avatar: '/about/annual-group/迦勒底.jpg', name: '迦勒底', title: '2021' },
-  { avatar: '/about/annual-group/秀知院.jpg', name: '秀知院', title: '2020' },
-  { avatar: '/about/annual-group/绯想天.jpg', name: '绯想天', title: '2019' },
-  { avatar: '/about/annual-group/樱公馆.jpeg', name: '樱公馆', title: '2018' },
-  { avatar: '/about/annual-group/卡巴拉生命树.jpeg', name: '卡巴拉生命树', title: '2017' },
-  { avatar: '/about/annual-group/异世界.jpg', name: '异世界', title: '2016' },
-  { avatar: '/about/annual-group/奥德赛圣殿.jpeg', name: '奥德赛圣殿', title: '2015' },
-  { avatar: '/about/annual-group/世界线.jpeg', name: '世界线', title: '2014' },
-  { avatar: '/about/annual-group/自漫协新世界.jpeg', name: '自漫协新世界', title: '2013' },
+  { avatar: '/about/annual-group/幻想乡.png', name: 'WHUDAYS-幻想乡', title: '2025' },
+  { avatar: '/about/annual-group/春日影.png', name: 'WHUDAYS-春日影', title: '2024' },
+  { avatar: '/about/annual-group/愛言葉.png', name: 'WHUDAYS-愛言葉', title: '2023' },
+  { avatar: '/about/annual-group/虹之咲.jpg', name: 'WHUDAYS-虹之咲', title: '2022' },
+  { avatar: '/about/annual-group/迦勒底.jpg', name: 'WHUDAYS-迦勒底', title: '2021' },
+  { avatar: '/about/annual-group/秀知院.jpg', name: 'WHUDAYS-秀知院', title: '2020' },
+  { avatar: '/about/annual-group/绯想天.jpg', name: 'WHUDAYS-绯想天', title: '2019' },
+  { avatar: '/about/annual-group/樱公馆.jpeg', name: 'WHUDAYS-樱公馆', title: '2018' },
+  { avatar: '/about/annual-group/卡巴拉生命树.jpeg', name: 'WHUDAYS-卡巴拉生命树', title: '2017' },
+  { avatar: '/about/annual-group/异世界.jpg', name: 'WHUDAYS-异世界', title: '2016' },
+  { avatar: '/about/annual-group/奥德赛圣殿.jpeg', name: 'WHUDAYS-奥德赛圣殿', title: '2015' },
+  { avatar: '/about/annual-group/世界线.jpeg', name: 'WHUDAYS-世界线', title: '2014' },
+  { avatar: '/about/annual-group/自漫协新世界.jpeg', name: 'WHU-自漫协新世界', title: '2013' },
   { avatar: '/about/annual-group/宅居动物集结处.jpeg', name: '宅居动物集结处', title: '2012' },
 ];
 </script>

docs/about/introduction.md

@@ -21,6 +21,8 @@
 - 除了部门以外，我们还有许多[兴趣小群](/group/)等你探索~
 - 如果你是新人，请先看[萌新指南](/about/newbie-guide/2025/)
 
+<ClientOnly>
+
 <ChatMessage avatar="/about/hq/avatar.png" nickname="萌新一枚" message="为什么漫协要叫WHUDAYS呢？" position="right"/>
 <ChatMessage avatar="/about/hq/2012/店长.jpeg" nickname="店长" message="诶这……这都怪当年某管理的恶趣味……"/>
 <ChatMessage avatar="/about/hq/2012/店长.jpeg" nickname="店长" message="WHUDAYS……其实是故意的<br><img src='/about/image-3.jpg'>"/>
@@ -34,3 +36,5 @@
 <ChatMessage avatar="/about/hq/2014/喵少.jpg" nickname="喵少" message="笑死"/>
 <ChatMessage avatar="/about/hq/2012/店长.jpeg" nickname="店长" message="对了，虽然有这方面的梗，但是正经的解释是“漫协的日常”"/>
 <ChatMessage avatar="/about/hq/2012/店长.jpeg" nickname="店长" message="可别搞错了哦，心里脏的看啥都脏<br><img src='/about/image-4.jpg'>"/>
+
+</ClientOnly>