sendya / preview-pro Goto Github PK

为何此组件内，使用less的变量【background: var(--primary-color);】不起作用呢？

代码路径如下：
https://github.com/sendya/preview-pro/blob/main/src/components/SettingDrawer/SettingDrawer.vue

代码片段如下：

<style lang="less">
.ant-pro-setting-drawer-handle {
  position: absolute;
  top: 240px;
  right: 300px;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  font-size: 16px;
  text-align: center;
  **background: var(--primary-color);**
  border-radius: 4px 0 0 4px;
  cursor: pointer;
  pointer-events: auto;
  > span {
    color: rgb(255, 255, 255);
    font-size: 20px;
  }
}
</style>

项目中，vite.config.js配置

组件中，App.vue配置

效果：antd design vue的组件样式已生效。但是发现@ant-design-vue/pro-layout的部分组件样式前缀不生效，看下图

ps：目前使用的ant-design-vue版本为3.2.0，@ant-design-vue/pro-layout的版本为3.2.1

npm主页上没找到github地址

试过 menuHeaderRender ，但是a标签还在，如果不能关闭跳转能给他设置路由也行

like this

ant design Pro vue3版本的菜单icon是没有了吗？ 我只能使用演示的那三个icon放在router配置中才能生效。 使用组件库中的其他的icon不会生效，也没有找到使用说明。

试图把老版本的多页签组件，加入，vite一直报无法解析

想要的效果如下