在vue3中，使用ant-design组件，帮我制作一个黑体加粗的文本，要求内容为“设备ID 【id】 详情”，其中【ID】为传过来的动态数据

可以使用Ant Design的Typography组件中的Title组件来实现黑体加粗的文本，代码如下：

<template>
<a-typography>
<a-typography-title :level="4">
设备ID <span class="bold">{{ id }}</span> 详情
</a-typography-title>
</a-typography>
</template>

<script>
import { Typography } from 'ant-design-vue';

export default {
components: {
ATypography: Typography,
ATypographyTitle: Typography.Title,
},
props: {
id: {
type: String,
required: true,
},
},
};
</script>

<style scoped>
.bold {
font-weight: bold;
}
</style>

请注意，这里使用了Vue3和Ant Design Vue组件库，如果您没有安装这些依赖，请先安装它们。