Commit 5a7a1fa7 by lijiabin

【需求 25171】refactor: 优化个人中心列表详情点击区域

parent 1a4383aa
......@@ -23,9 +23,17 @@
<div
v-for="item in list"
:key="item.id"
class="flex items-center p-2 rounded-lg hover:bg-gray-100 transition-colors cursor-pointer"
class="flex items-center p-2 rounded-lg hover:bg-gray-100 transition-colors"
>
<div
class="flex-1 min-w-0 cursor-pointer"
@click="
jumpToArticleDetailPage({
type: ArticleTypeEnum.QUESTION,
id: item.id,
})
"
>
<div class="flex-1 min-w-0">
<div class="text-gray-900 font-medium truncate line-clamp-1">
{{ item.title }}
</div>
......
......@@ -31,9 +31,12 @@
<div
v-for="item in list"
:key="item.id"
class="flex items-center p-2 rounded-lg hover:bg-gray-100 transition-colors cursor-pointer"
class="flex items-center p-2 rounded-lg hover:bg-gray-100 transition-colors"
>
<div
class="flex-1 min-w-0 cursor-pointer"
@click="jumpToArticleDetailPage({ type: item.type, id: item.id })"
>
<div class="flex-1 min-w-0">
<div class="text-gray-900 font-medium truncate line-clamp-1">{{ item.title }}</div>
<div class="text-gray-500 text-sm mt-1 truncate">
<span class="mr-2">
......
......@@ -46,10 +46,13 @@
<div
v-for="item in list"
:key="item.id"
class="flex items-center p-2 rounded-lg hover:bg-gray-100 transition-colors cursor-pointer"
class="flex items-center p-2 rounded-lg hover:bg-gray-100 transition-colors"
>
<!-- Content -->
<div class="flex-1 min-w-0 space-y-1.5">
<div
class="flex-1 min-w-0 space-y-1.5 cursor-pointer"
@click="jumpToArticleDetailPage({ type: item.type, id: item.articleId })"
>
<div class="text-gray-900 font-medium text-base line-clamp-1">
{{ item.title }}
</div>
......
......@@ -30,9 +30,12 @@
<div
v-for="item in list"
:key="item.id"
class="flex items-center p-2 rounded-lg hover:bg-gray-100 transition-colors cursor-pointer"
class="flex items-center p-2 rounded-lg hover:bg-gray-100 transition-colors"
>
<div
class="flex-1 min-w-0 cursor-pointer"
@click="jumpToArticleDetailPage({ type: item.type, id: item.id })"
>
<div class="flex-1 min-w-0">
<div class="text-gray-900 font-medium truncate line-clamp-1">{{ item.title }}</div>
<div class="text-gray-500 text-sm mt-1 truncate">
<span class="mr-2">
......
......@@ -31,9 +31,12 @@
<div
v-for="item in list"
:key="item.id"
class="flex items-center p-2 rounded-lg hover:bg-gray-100 transition-colors cursor-pointer"
class="flex items-center p-2 rounded-lg hover:bg-gray-100 transition-colors"
>
<div
class="flex-1 min-w-0 cursor-pointer"
@click="jumpToArticleDetailPage({ type: item.type, id: item.id })"
>
<div class="flex-1 min-w-0">
<div class="text-gray-900 font-medium truncate line-clamp-1">{{ item.title }}</div>
<div class="text-gray-500 text-sm mt-1 truncate">
<span class="mr-2">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment