rogee/quyun
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update list ui

Browse Source
This commit is contained in:
Rogee
2025-05-14 19:34:07 +08:00
parent 215b9ac356
commit 291c83d028
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/wechat/src/components/ArticleListItem.vue
View File

@@ -33,9 +33,9 @@ const showArticle = (article) => {
<div class="bg-white rounded-xl shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-200 cursor-pointer"
@click="showArticle(article)">
<div v-if="article.head_images && article.head_images.length > 0"
class="relative w-full aspect-video bg-gray-100 overflow-hidden">
class="relative w-full pb-[40%] bg-gray-100 overflow-hidden">
<img :src="article.head_images[0]"
class="w-full h-full object-cover transition-transform duration-300 hover:scale-105"
class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 hover:scale-105"
:alt="article.title" />
<div class="absolute inset-0 bg-gradient-to-b from-transparent to-black/30"></div>
</div>