优化套餐显示、隐藏规格

src/views/home/index.vue

@@ -62,6 +62,10 @@
                   {{ item }}
                 </div>
               </div>
+              <div class="grooup_wrap" v-if="item.proGroupInfo">
+                {{ item.groupType == 0 ? '固定套餐：' : '自选套餐：' }}
+                <span>{{ JSON.parse(item.proGroupInfo).map(item => item.proName).join('、') }}</span>
+              </div>
               <div class="num">
                 <div class="left">
                   <div class="icon_item zen" v-if="item.isGift == 'true'" @click="giftPackHandle('isGift', item)">
@@ -708,6 +712,17 @@ onMounted(() => {
           }
         }
 
+        .grooup_wrap {
+          padding-top: 10px;
+          font-size: 12px;
+          color: #555;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          display: -webkit-box;
+          -webkit-box-orient: vertical;
+          -webkit-line-clamp: 2;
+        }
+
         .num {
           padding-top: var(--el-font-size-base);
           display: flex;