refactor:优化展开收起

This commit is contained in:
jiangrui
2025-03-07 23:48:48 +08:00
parent 26381fa6b0
commit f23e78e8dd
2 changed files with 12 additions and 5 deletions

View File

@@ -56,14 +56,20 @@
</el-dialog>
<div v-for="group in store.resources" :key="group.id" class="resource-group">
<div class="group-header">
<div class="group-header" @click="group.displayList = !group.displayList">
<el-link
class="group-title"
:href="`https://t.me/s/${group.id}`"
target="_blank"
:underline="false"
@click.stop
>
<el-image :src="group.channelInfo.channelLogo" class="channel-logo" fit="cover" lazy />
<el-image
:src="`/tele-images/?url=${encodeURIComponent(group.channelInfo.channelLogo)}`"
class="channel-logo"
fit="cover"
lazy
/>
<span>{{ group.channelInfo.name }}</span>
<span class="item-count">({{ group.list.length }})</span>
</el-link>
@@ -91,7 +97,6 @@
class="cover-image"
:src="`/tele-images/?url=${encodeURIComponent(resource.image as string)}`"
fit="cover"
lazy
:alt="resource.title"
@click="showResourceDetail(resource)"
/>

View File

@@ -26,8 +26,10 @@
<!-- 描述 - 添加展开收起功能 -->
<div
class="info__desc"
:class="{ 'is-expanded': expandedItems[item.id] }"
@click="toggleExpand(item.id)"
:class="{
'is-expanded': expandedItems[(item.messageId || '') + (item.channelId || '')],
}"
@click="toggleExpand((item.messageId || '') + (item.channelId || ''))"
v-html="item.content"
/>