<template>
  <view class="container">
    <template v-if="toolCall.picture && toolCall.picture.length > 0">
      <ModuleTitle :title="图片详情" />
      <ImageSwiper :images="toolCall.picture" />
    </template>

    <template v-if="toolCall.commodityList">
      <DetailCardGoodsContentList :commodityList="toolCall.commodityList" />
    </template>
  </view>
</template>

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

const props = defineProps({
  toolCall: {
    type: Object,
    default: {},
  },
});
</script>

<style scoped lang="scss">
.container {
  width: 100%;
  padding: 12px 0;
}
</style>
