40 lines
983 B
Vue
40 lines
983 B
Vue
<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>
|