1

我是 Sharepoint 框架的新手，但我使用了“yo @microsoft/sharepoint”命令来创建一个新的 React/SPFx 项目。但是，这样做似乎我无法访问OfficeUI Fabric 中可用的某些CSS 类。例如，如果我尝试创建典型的网格布局，ms-Grid-row 和 ms-Grid-col 类会按预期工作，但调整工具类不会（ms-sm6、ms-lg6）。其他织物类也可以正常工作，例如 ms-bgColor-neutralLight、ms-font-xl 和 ms-fontWeight-semibold ......所以部分样式正在通过。

如果我添加对指向 fabric.css 的 CDN 的 workbench.html 文件的链接引用，我会让这些类再次工作......但这不是解决方案，因为该文件只是一个临时文件构建，用于在编译时进行测试.

是否需要做其他事情才能将fabric.css（或fabric.min.css）包含在我的项目中？

4

1 回答 1

0

我遇到了同样的问题。Yeoman 为本地实例生成了 SPFX webpart (React)。深入研究节点模块，我发现这些类与文档不匹配。如果文档会说使用ms-md6，则 css 文件具有ms-u-md6。似乎所有布局类都遵循这种 ms-u- 模式，而不仅仅是 ms-... 将 -u 添加到 className 现在可以为我提供适当大小的列。

我在其中找到类的文件的路径是：.../node_modules/office-ui-fabric/dist/css/fabric.css (YMMV)

于 2017-10-23T04:08:51.883 回答