mirror of
https://github.com/jiangrui1994/CloudSaver.git
synced 2026-01-10 15:18:46 +08:00
refactor:优化展开收起
This commit is contained in:
@@ -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)"
|
||||
/>
|
||||
|
||||
@@ -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"
|
||||
/>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user