修改

src/views/HomeView/GoodsDetail.vue

@@ -46,10 +46,10 @@
           <thead>
             <tr>
               <th width="35%">兑换物品</th>
-              <th>数量</th>
-              <th>单价</th>
-              <th>兑换方式</th>
-              <th>总计</th>
+              <th style="text-align: center;">数量</th>
+              <th style="text-align: center;">单价</th>
+              <th style="text-align: center;">兑换方式</th>
+              <th style="text-align: center;">总计</th>
             </tr>
           </thead>
           <tbody>
@@ -68,10 +68,10 @@
                   </div>
                 </div>
               </td>
-              <td>{{ data.skuCount }}</td>
-              <td>{{ data.price }} 积分</td>
-              <td>{{ data.deliveryTypeName }}</td>
-              <td class="finlly-price">
+              <td style="text-align: center;">{{ data.skuCount }}</td>
+              <td style="text-align: center;">{{ data.price }} 积分</td>
+              <td style="text-align: center;">{{ data.deliveryTypeName }}</td>
+              <td style="text-align: center;" class="finlly-price">
                 {{ data.total }} 积分
               </td>
             </tr>
@@ -84,9 +84,9 @@
             <tr>
               <th width="35%">兑换物品</th>
               <!-- <th>数量</th> -->
-              <th>消耗福利券</th>
-              <th>物品属性</th>
-              <th>兑换方式</th>
+              <th style="text-align: center;">消耗福利券</th>
+              <th style="text-align: center;">物品属性</th>
+              <th style="text-align: center;">兑换方式</th>
             </tr>
           </thead>
           <tbody>
@@ -106,9 +106,9 @@
                 </div>
               </td>
               <!-- <td>{{ skuCount }}</td> -->
-              <td>{{ data.title }}</td>
-              <td>{{ data.productAttributeName }}</td>
-              <td class="finlly-price">
+              <td style="text-align: center;">{{ data.title }}</td>
+              <td style="text-align: center;">{{ data.productAttributeName }}</td>
+              <td style="text-align: center;" class="finlly-price">
                 {{ data.deliveryTypeName }}
               </td>
             </tr>

src/views/HomeView/MyCenter.vue

@@ -50,7 +50,7 @@
                                                 class="item-icon"></el-image>
                                         </div>
                                         <div class="main">
-                                            <p class="goods_name">{{ item.name }}</p>
+                                            <p class="goods_name" :title="item.name">{{ item.name }}</p>
                                             <div style="display: flex;justify-content: space-between;">
                                                 <p class="date">
                                                     兑换时间
@@ -350,6 +350,7 @@ export default {
     text-overflow: ellipsis;
 }
 .item .goods_name {
+    max-width: 300px;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;

src/views/HomeView/RedeemView.vue

@@ -60,10 +60,10 @@
                     <thead>
                         <tr>
                             <th width="35%">兑换物品</th>
-                            <th>数量</th>
-                            <th>单价</th>
-                            <th>兑换方式</th>
-                            <th>总计</th>
+                            <th style="text-align: center;">数量</th>
+                            <th style="text-align: center;">单价</th>
+                            <th style="text-align: center;">兑换方式</th>
+                            <th style="text-align: center;">总计</th>
                         </tr>
                     </thead>
                     <tbody>
@@ -82,13 +82,13 @@
                                     </div>
                                 </div>
                             </td>
-                            <td>
+                            <td style="text-align: center;">
                                 <el-input-number @change="changeCount" size="mini" v-model="skuCount" :step="1" :min="1"
                                     step-strictly></el-input-number>
                             </td>
-                            <td>{{ data.price }} 积分</td>
-                            <td>{{ data.deliveryTypeName }}</td>
-                            <td class="finlly-price">
+                            <td style="text-align: center;">{{ data.price }} 积分</td>
+                            <td style="text-align: center;">{{ data.deliveryTypeName }}</td>
+                            <td style="text-align: center;" class="finlly-price">
                                 {{ total }} 积分
                             </td>
                         </tr>
@@ -100,9 +100,9 @@
                     <thead>
                         <tr>
                             <th width="35%">兑换物品</th>
-                            <th>消耗福利券</th>
-                            <th>物品属性</th>
-                            <th>兑换方式</th>
+                            <th style="text-align: center;">消耗福利券</th>
+                            <th style="text-align: center;">物品属性</th>
+                            <th style="text-align: center;">兑换方式</th>
                         </tr>
                     </thead>
                     <tbody>
@@ -121,9 +121,9 @@
                                     </div>
                                 </div>
                             </td>
-                            <td>{{ data.title }}</td>
-                            <td>{{ data.productAttributeName }}</td>
-                            <td class="finlly-price">
+                            <td style="text-align: center;">{{ data.title }}</td>
+                            <td style="text-align: center;">{{ data.productAttributeName }}</td>
+                            <td style="text-align: center;" class="finlly-price">
                                 {{ data.deliveryTypeName }}
                             </td>
                         </tr>