feat: update ui

frontend/wechat/postcss.config.js

@@ -1,6 +1,6 @@
 export default {
-  plugins: {
+    plugins: {
-    tailwindcss: {},
+        tailwindcss: {},
-    autoprefixer: {},
+        autoprefixer: {},
-  },
+    },
 }

frontend/wechat/src/components/ArticleListItem.vue

@@ -44,8 +44,7 @@ const showArticle = (article) => {
                 {{ article.title }}
             </h3>
 
-            <p v-if="article.description"
+            <p v-if="article.description" class="text-gray-600 text-sm line-clamp-2">
-               class="text-gray-600 text-sm line-clamp-2">
                 {{ article.description }}
             </p>
 
@@ -61,7 +60,7 @@ const showArticle = (article) => {
                     <AiOutlineEye class="w-4 h-4" />
                     <span>{{ article.view_count || 0 }}</span>
                 </div>
-                <div class="text-primary-600 font-medium">
+                <div class="text-orange-600 font-medium">
                     ¥{{ discountPrice }}
                 </div>
             </div>

frontend/wechat/src/views/ArticleDetail.vue

@@ -218,7 +218,7 @@ onUnmounted(() => {
                 <div id="player">
                     <div class="relative flex items-center justify-center bg-gray-100" v-if="!player">
                         <div @click="initializePlayer"
-                            class="absolute z-1 rounded-full bg-orange-500 text-white border-2 border-yellow-500 font-bold px-4 py-2">
+                            class="absolute z-10 rounded-full bg-orange-500 text-white border-2 border-yellow-500 font-bold px-4 py-2">
                             点击播放
                         </div>
                         <img class="z-0 w-full brightness-50" :src="article.head_images[0]" :alt="article.title" />
@@ -262,11 +262,3 @@ onUnmounted(() => {
         </div>
     </div>
 </template>
-
-<style>
-.plyr-video {
-    --plyr-color-main: #2563eb;
-    width: 100%;
-    max-height: 100vh;
-}
-</style>