套餐描述

src/views/components/source/SourceDetail.vue

@@ -100,10 +100,21 @@
                 </template>
                 <template v-if="data.PriceList&&data.PriceList.length>0">
                     <div class="text-small text-info col q-mt-md">套餐价格</div>
-                    <text-opera><el-tag class="q-mt-sm q-mr-md" size="small" v-for="(item,index) in data.PriceList">
+                    <!-- <text-opera>
+                        <el-tag class="q-mt-sm q-mr-md" size="small" v-for="(item,index) in data.PriceList">
                         {{item.MealName}}
                         <text>/ {{item.MealPrice}}</text>
-                    </el-tag> </text-opera>
+                    </el-tag> 
+                    </text-opera> -->
+                    <template v-for="(item,index) in data.PriceList">
+                        <text-opera>
+                            <div class="q-mt-sm q-mr-md text-small">
+                                <span style="color: #564bec;font-weight: bold;">
+                                    {{item.MealName}}<text>/{{item.MealPrice}}</text></span>
+                                <p v-if="item.MealRemarks">{{item.MealRemarks}}</p>
+                            </div>
+                        </text-opera>
+                    </template>
                 </template>
                 <div class="text-small text-info col q-mt-md">详细介绍</div>
                 <text-opera><span class="text-small q-mt-sm">{{ data.Feature }}</span></text-opera>