renun/BewlyBewly
1
0
Fork 0
mirror of https://github.com/BewlyBewly/BewlyBewly.git synced 2025-04-14 13:15:29 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor(video-card): use picture tag

Browse Source
This commit is contained in:
Hakadao
2024-09-29 00:31:48 +08:00
parent 5d43046a8b
commit c3cf0b46ca
2 changed files with 34 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/VideoCard/VideoCard.vue
View File

@@ -243,13 +243,12 @@ function handleUndo() {
transform="~ translate-z-0"
>
<!-- Video cover -->
<img
:src="`${removeHttpFromUrl(video.cover)}@672w_378h_1c`"
<Picture
:src="`${removeHttpFromUrl(video.cover)}@672w_378h_1c_!web-home-common-cover`"
loading="lazy"
w="full" max-w-full align-middle aspect-video
bg="cover center"
w="full" max-w-full align-middle aspect-video object-cover
rounded="$bew-radius"
>
/>
<div
v-if="removed"
@@ -381,13 +380,14 @@ function handleUndo() {
position-relative
@click.stop=""
>
<img
rounded="1/2"
<Picture
:src="`${removeHttpFromUrl(video.authorFace)}@50w_50h_1c`"
width="36"
height="36"
loading="lazy"
>
w="36px" h="36px"
rounded="1/2"
/>
<div
v-if="video.followed"
pos="absolute bottom--2px right--2px"
@@ -440,13 +440,12 @@ function handleUndo() {
object="center cover" bg="$bew-skeleton" cursor="pointer" relative
@click.stop=""
>
<img
<Picture
:src="`${removeHttpFromUrl(video.authorFace)}@50w_50h_1c`"
width="30"
height="30"
loading="lazy"
object-cover rounded="1/2"
>
w="30px" h="30px"
rounded="1/2"
/>
<div
v-if="video.followed"
pos="absolute bottom--2px right--2px"