feat: update ui
This commit is contained in:
@@ -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 h-32 bg-gray-100 overflow-hidden">
|
||||
class="relative w-full h-24 bg-gray-100 overflow-hidden">
|
||||
<img :src="article.head_images[0]"
|
||||
class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 hover:scale-105"
|
||||
class="absolute inset-0 w-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>
|
||||
@@ -60,7 +60,7 @@ const showArticle = (article) => {
|
||||
<AiOutlineEye class="w-4 h-4" />
|
||||
<span>{{ article.view_count || 0 }}</span>
|
||||
</div>
|
||||
<div class="text-orange-600 font-medium">
|
||||
<div class="text-orange-600 font-mono text-xl" v-if="!article.bought">
|
||||
¥{{ discountPrice }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user