<template>
  <view class="border-box border-top-8 pl-12 pr-12 pt-6 pb-12">
    <ModuleTitle
        v-if="showTitle"
        title="套餐包含内容"
    />
    <view class="flex flex-items-start flex-col"
        v-for="(item, index) in goodsData.commodityPackageConfig" :key="index"
    >
        <view class="title-row py-4 ml-4">
          <text class="left font-size-14 color-171717">{{ item.name }}</text>
          <view class="sep" aria-hidden="true"></view>
          <text class="right font-size-14 color-171717">{{ item.count }}{{ item.unit }}</text>
        </view>
        
    </view>
  </view>
</template>

<script setup>
import ModuleTitle from "@/components/ModuleTitle/index.vue";
import { defineProps } from "vue";

// Props定义
const props = defineProps({
  goodsData: {
    type: Object,
    default: () => ({}),
  },
  showTitle: {
    type: Boolean,
    default: true,
  },
});
</script>

<style scoped lang="scss">
@import "./styles/index.scss";
</style>
