feat: update ui

frontend/wechat/src/App.vue

@@ -1,5 +1,5 @@
 <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 }">
             <transition name="fade" mode="out-in">
                 <component :is="Component" />

frontend/wechat/src/components/ArticleListItem.vue

@@ -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>

frontend/wechat/vite.config.js

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