fix 详情页显示调整

 <!--
 <!--
  * @Date: 2024-09-29 14:26:41
  * @Date: 2024-09-29 14:26:41
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-10-23 18:45:31
+ * @LastEditTime: 2024-10-24 12:27:34
  * @FilePath: /hager/src/views/product/detail.vue
  * @FilePath: /hager/src/views/product/detail.vue
  * @Description: 文件描述
  * @Description: 文件描述
 -->
 -->
@@ -87,8 +87,15 @@
                       <i v-else @click="checkItem(item)" class="el-icon-folder  download-unchecked"></i>&nbsp;
                       <i v-else @click="checkItem(item)" class="el-icon-folder  download-unchecked"></i>&nbsp;
                     </el-col>
                     </el-col>
                     <el-col :span="is_xs ? 20 : 22">
                     <el-col :span="is_xs ? 20 : 22">
-                      <i class="el-icon-document" style="font-size: 1.5rem;"></i>
-                      {{ item.name }}{{ item.size }}
+                      <div style="display: flex; justify-content: space-between; align-items: center;">
+                        <div>
+                          <i class="el-icon-document" style="font-size: 1.35rem;"></i>
+                          {{ item.name }}
+                        </div>
+                        <div>
+                          &nbsp;{{ item.size }}
+                        </div>
+                      </div>
                     </el-col>
                     </el-col>
                   </el-row>
                   </el-row>
                   <!-- <i v-if="item.checked" @click="checkItem(item)" class="el-icon-folder-checked download-checked"></i>
                   <!-- <i v-if="item.checked" @click="checkItem(item)" class="el-icon-folder-checked download-checked"></i>
@@ -166,7 +173,7 @@ export default {
           this.info_images = this.info.file.img.map(item => item.value);
           this.info_images = this.info.file.img.map(item => item.value);
         }
         }
         //
         //
-        this.product_advantages = this.splitArrayIntoChunks(this.info.product_advantages);
+        this.product_advantages = this.splitIntoEqualChunks(this.info.product_advantages);
         //
         //
         this.product_sample = this.info.file?.yangben?.map(item => ({ ...item, checked: false }));// 产品样本
         this.product_sample = this.info.file?.yangben?.map(item => ({ ...item, checked: false }));// 产品样本
         this.technical_parameter = this.info.file?.canshu?.map(item => ({ ...item, checked: false })); // 技术参数
         this.technical_parameter = this.info.file?.canshu?.map(item => ({ ...item, checked: false })); // 技术参数
@@ -224,6 +231,18 @@ export default {
 
 
       return result;
       return result;
     },
     },
+    splitIntoEqualChunks(list) {
+      const middle = Math.ceil(list.length / 2);  // 计算数组的一半，向上取整
+      const result = [];
+
+      // 第一个子数组是从 0 到 middle 的部分
+      result[0] = list.slice(0, middle);
+
+      // 第二个子数组是从 middle 到末尾的部分
+      result[1] = list.slice(middle);
+
+      return result;
+    },
     checkItem (item) {
     checkItem (item) {
       item.checked = !item.checked;
       item.checked = !item.checked;
       // this.$forceUpdate();
       // this.$forceUpdate();