下载链接
This commit is contained in:
parent
f6b306c823
commit
ffbed8c72d
@ -38,6 +38,14 @@
|
|||||||
>
|
>
|
||||||
<!-- 收起按钮 (仅保留底部悬浮或单一按钮,此处移除上方重复项) -->
|
<!-- 收起按钮 (仅保留底部悬浮或单一按钮,此处移除上方重复项) -->
|
||||||
<div class="relative px-2">
|
<div class="relative px-2">
|
||||||
|
<div
|
||||||
|
class="flex items-center justify-end gap-1.5 self-end text-sm font-bold group-hover:opacity-100 md:text-2xl"
|
||||||
|
>
|
||||||
|
<div class="flex items-center gap-[10px]">
|
||||||
|
<span class="tracking-tight">点击收起</span>
|
||||||
|
<ArrowIcon class="size-[12px] rotate-180 md:size-[22px]" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<img :src="item.mobileSrc" class="-mt-10 w-full md:hidden" alt="mobile guide" />
|
<img :src="item.mobileSrc" class="-mt-10 w-full md:hidden" alt="mobile guide" />
|
||||||
<img :src="item.pcSrc" class="-mt-10 hidden w-full md:block" alt="pc guide" />
|
<img :src="item.pcSrc" class="-mt-10 hidden w-full md:block" alt="pc guide" />
|
||||||
<!-- 底部收起按钮 -->
|
<!-- 底部收起按钮 -->
|
||||||
@ -45,8 +53,10 @@
|
|||||||
<div
|
<div
|
||||||
class="flex items-center justify-end gap-1.5 text-sm font-bold group-hover:opacity-100 md:text-2xl"
|
class="flex items-center justify-end gap-1.5 text-sm font-bold group-hover:opacity-100 md:text-2xl"
|
||||||
>
|
>
|
||||||
<div class="flex items-center gap-[10px] rounded-full bg-black/40 px-3 py-1 backdrop-blur-sm transition-all hover:bg-black/60">
|
<div
|
||||||
<span class="tracking-tight">收起详情</span>
|
class="flex items-center gap-[10px] rounded-full bg-black/40 px-3 py-1 backdrop-blur-sm transition-all hover:bg-black/60"
|
||||||
|
>
|
||||||
|
<span class="tracking-tight">点击收起</span>
|
||||||
<ArrowIcon class="size-[12px] rotate-180 md:size-[22px]" />
|
<ArrowIcon class="size-[12px] rotate-180 md:size-[22px]" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user