feat: update ui

frontend/wechat/src/components/ArticleListItem.vue

@@ -37,11 +37,12 @@ const showArticle = (article) => {
                 :alt="article.title" />
         </div>
         <div class="p-4">
-            <h3 class="text-lg break-all font-medium text-gray-800 line-clamp-1">
+            <h3 class="text-lg break-all font-medium text-gray-800 line-clamp-2">
                 {{ article.title }}
             </h3>
 
-            <p v-if="article.description" class="text-gray-600 text-sm mb-2 line-clamp-2">{{ article.description }}
+            <p v-if="article.description" class="text-gray-600 text-sm mb-2 line-clamp-2">
+                {{ article.description }}
             </p>
 
             <div class="py-2 flex items-center gap-2">

frontend/wechat/src/views/ArticleDetail.vue

@@ -105,8 +105,6 @@ const fetchArticle = async () => {
         const { id } = route.params;
         const { data } = await postApi.show(id);
         article.value = data;
-        document.title = article.value.title;
-
 
         // 调用微信 JS SDK 分享接口
         wx.setShareInfo({
@@ -163,7 +161,7 @@ onUnmounted(() => {
                 <BsChevronLeft class="w-6 h-6" />
             </button>
             <template v-if="article">
-                <h1 class="text-lg font-semibold text-gray-800 ml-4">
+                <h1 class="text-lg font-semibold text-gray-800 ml-4 line-clamp-1 break-all">
                     {{ article.title }}
                 </h1>
             </template>