Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
仅使用材质UI组件的CSS_Css_Reactjs_Material Design_Material Ui - Fatal编程技术网

仅使用材质UI组件的CSS

仅使用材质UI组件的CSS,css,reactjs,material-design,material-ui,Css,Reactjs,Material Design,Material Ui,是一组React组件,以迄今为止我所见过的最好的方式实现了谷歌的材料设计 现在我有一个项目,不幸的是我不能使用React.js。但我想使用伟大的CSS项目包括 有没有办法将样式嵌入到我现有的项目中 我不知道这是否实现了与material ui框架完全相同的组件,但我已经将其用于需要material design的应用程序,这似乎正是您需要的。从材料UI的来源来看,似乎没有简单的方法来提取样式表 希望这有帮助 性能(特别是在移动设备上)是因为大多数动画都是有状态的,需要与JS线程通信 由于内联样

是一组React组件,以迄今为止我所见过的最好的方式实现了谷歌的材料设计

现在我有一个项目,不幸的是我不能使用React.js。但我想使用伟大的CSS项目包括

有没有办法将样式嵌入到我现有的项目中


我不知道这是否实现了与material ui框架完全相同的组件,但我已经将其用于需要material design的应用程序,这似乎正是您需要的。从材料UI的来源来看,似乎没有简单的方法来提取样式表

希望这有帮助
  • 性能(特别是在移动设备上)是因为大多数动画都是有状态的,需要与JS线程通信
  • 由于内联样式,通常缺乏移动支持和响应能力,请参阅
  • 材质UI没有CSS,所有样式都是内联的。为单个浮动操作按钮(带加号图标)生成的HTML如下所示:

  • 为之前的贡献提供上下文:

    • “材质UI没有CSS,所有样式都是内联的”
      • 内联样式意味着难以管理,也没有CSS缓存
    • “不支持移动”
      • 有时,“涟漪”动画在鼠标按下/触摸启动时触发两次。这会导致性能下降和用户体验问题
    • “由于内联样式,通常缺乏移动支持和响应能力”
      • 根据一些测试,对话框没有扩展到适当的数量。显然在最近的“开发”分支中已修复

    试图回馈社区:)

    虽然此链接可以回答问题,但最好在此处包含答案的基本部分,并提供链接供参考。如果链接页面发生更改,仅链接的答案可能无效。-@对不起,现在好多了?这是我对StackOverflow的第一个回答。现在我已经准备好了针对Angular2的相关答案,没有NPM开发,但我被阻止了()