antd for vue 使用layout样式不显示问题

antd for vue 使用layout样式不显示问题

使用Layout的话就要全局引入，不然会有很多小组件很麻烦，也就是：

main.ts中添加：

import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css'; // or 'ant-design-vue/dist/antd.less'
//原本是：createApp(App).use(store).use(router).mount('#app')
// 改为：
const app = createApp(App)
app.use(Antd);// 顺便use(Antd)
app.use(store).use(router).mount('#app')

然后将官网的组件代码复制到自己的组件就行了
然后如果有样式显示不了的大概率是在：

这里，因为官网的组件打开控制台检查以.logo为例能看到是：

实际运行自己的项目之后能看到：

同时样式不显示：
官网：
自己：
这个时候可以在自己的项目中的：

也就是根标签添加

然后样式就有了
然后可以直接：

满屏