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

feat: update ui

Browse Source
This commit is contained in:
Rogee
2025-05-14 19:54:56 +08:00
parent 2a2b68b579
commit 308da6113e
4 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/wechat/src/App.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<div class="mx-auto max-w-[480px] w-full min-h-screen bg-gray-50 font-sans antialiased"> <div class="mx-auto max-w-[480px] w-full min-h-screen bg-gray-200 font-sans antialiased">
<router-view v-slot="{ Component }"> <router-view v-slot="{ Component }">
<transition name="fade" mode="out-in"> <transition name="fade" mode="out-in">
<component :is="Component" /> <component :is="Component" />

6
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" <div class="bg-white rounded-xl shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-200 cursor-pointer"
@click="showArticle(article)"> @click="showArticle(article)">
<div v-if="article.head_images && article.head_images.length > 0" <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]" <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" /> :alt="article.title" />
<div class="absolute inset-0 bg-gradient-to-b from-transparent to-black/30"></div> <div class="absolute inset-0 bg-gradient-to-b from-transparent to-black/30"></div>
</div> </div>
@@ -60,7 +60,7 @@ const showArticle = (article) => {
<AiOutlineEye class="w-4 h-4" /> <AiOutlineEye class="w-4 h-4" />
<span>{{ article.view_count || 0 }}</span> <span>{{ article.view_count || 0 }}</span>
</div> </div>
<div class="text-orange-600 font-medium"> <div class="text-orange-600 font-mono text-xl" v-if="!article.bought">
¥{{ discountPrice }} ¥{{ discountPrice }}
</div> </div>
</div> </div>

2
frontend/wechat/stats.html
View File

File diff suppressed because one or more lines are too long

2
frontend/wechat/vite.config.js
View File

@@ -15,7 +15,7 @@ export default defineConfig({
ext: '.gz', ext: '.gz',
}), }),
visualizer({ visualizer({
open: true, open: false,
gzipSize: true, gzipSize: true,
brotliSize: true, brotliSize: true,
}), }),