From 1babc8d0d79200e0e06928ed7620c3dda24d5fb6 Mon Sep 17 00:00:00 2001
From: ronger <ronger-x@outlook.com>
Date: Tue, 20 Feb 2024 19:42:25 +0800
Subject: [PATCH] =?UTF-8?q?fix(components):=20=E4=BF=AE=E5=A4=8D=E4=BA=A7?=
 =?UTF-8?q?=E5=93=81=E9=A1=B5=E5=B1=95=E7=A4=BA=E5=BC=82=E5=B8=B8=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/common/product/list.vue | 47 ++++++++++++++++--------------
 1 file changed, 25 insertions(+), 22 deletions(-)

diff --git a/components/common/product/list.vue b/components/common/product/list.vue
index 5a36d76..4174bcb 100644
--- a/components/common/product/list.vue
+++ b/components/common/product/list.vue
@@ -5,29 +5,31 @@
               style="margin-bottom: 10px;">
         <el-card :body-style="{ padding: '20px' }">
           <div style="width: 96%;">
-            <img style="max-height: 300px;display: block;margin: 0 auto" :src="product.productImgUrl" object-fit="contain" ;/>
+            <img style="max-height: 300px;display: block;margin: 0 auto" :src="product.productImgUrl"
+                 object-fit="contain"/>
           </div>
-                    <el-col :span="24">
-                      <el-tag
-                        style="margin-right: 0.5rem;"
-                        v-for="tag in product.tags?.split(',') || []"
-                        :key="tag"
-                        size="small"
-                        effect="plain">
-                        # {{ tag }}
-                      </el-tag>
-                    </el-col>
-                    <el-col :span="24" style="font-size: 16px;line-height: 22px;font-weight: 500;margin: 4px 0;text-align: center;">
-                      <span style="font-weight: bolder;" v-html="product.productTitle"></span>
-                    </el-col>
-                    <el-col span="24">
-                      <small class="text-container">
-                        {{product.productDescription}}
-                      </small>
-                    </el-col>
-                    <el-col :span="24" style="text-align: center;">
-                      <el-button type="text" class="button" @click="handleClick(product.idProduct)">了解更多</el-button>
-                    </el-col>
+          <el-col :span="24">
+            <el-tag
+              style="margin-right: 0.5rem;"
+              v-for="tag in product.tags?.split(',') || []"
+              :key="tag"
+              size="small"
+              effect="plain">
+              # {{ tag }}
+            </el-tag>
+          </el-col>
+          <el-col :span="24"
+                  style="font-size: 16px;line-height: 22px;font-weight: 500;margin: 4px 0;text-align: center;">
+            <span style="font-weight: bolder;" v-html="product.productTitle"></span>
+          </el-col>
+          <el-col :span="24">
+            <small class="text-container">
+              {{ product.productDescription }}
+            </small>
+          </el-col>
+          <el-col :span="24" style="text-align: center;">
+            <el-button type="text" class="button" @click="handleClick(product.idProduct)">了解更多</el-button>
+          </el-col>
         </el-card>
       </el-col>
     </el-row>
@@ -168,6 +170,7 @@ h3, .h3 {
   padding-right: 0.75rem;
   padding-left: 0.75rem;
 }
+
 .text-container {
   display: -webkit-box;
   -webkit-box-orient: vertical;