vue3带插槽组件封装

父组件

<map-comp title="卫星地图2-2">
  <template #img>
    <img :src="model4Img" style="border-radius: 10px" />
  </template>
  <template #img-primary>
    <img :src="model4Img" />
  </template>
</map-comp>

子组件

<div class="mt-4 map-box">
  <a-checkbox value="4" style="position: absolute; top: 3%; right: 3%" />
  <slot name="img"> </slot>
  
  <a-button
            class=""
            size="small"
            style="position: absolute; bottom: 3%; left: 3%"
            type="primary"
            @click="Preview"
            >预览</a-button
    >
  <a-modal :title="title" centered v-model:visible="visible" @ok="handleOk">
    <slot name="img-primary"> </slot>
  </a-modal>
</div>