Ruby on rails 我可以在ruby on rails应用程序中使用material design lite扩展吗?
我需要更多的组件来开发RubyonRails应用程序。我可以直接在我的资产文件夹中使用mdl ext组件,包括它们,因为没有通过捆绑安装程序安装它的gem 这里提供了材质设计lite扩展 我想把它和这里的材料设计lite一起使用 . 注意!材料设计lite我已经在使用它了Ruby on rails 我可以在ruby on rails应用程序中使用material design lite扩展吗?,ruby-on-rails,material-design,material-design-lite,Ruby On Rails,Material Design,Material Design Lite,我需要更多的组件来开发RubyonRails应用程序。我可以直接在我的资产文件夹中使用mdl ext组件,包括它们,因为没有通过捆绑安装程序安装它的gem 这里提供了材质设计lite扩展 我想把它和这里的材料设计lite一起使用 . 注意!材料设计lite我已经在使用它了 如果这是可能的,那么将其包括在资产管道中的最佳方式是什么?您不需要npm安装它,您可以像使用任何其他css框架(引导等)一样使用它。将下面的内容放在应用程序布局文件的标题部分 <link rel="stylesheet"
如果这是可能的,那么将其包括在资产管道中的最佳方式是什么?您不需要npm安装它,您可以像使用任何其他css框架(引导等)一样使用它。将下面的内容放在应用程序布局文件的标题部分
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?
family=Material+Icons">
<link rel="stylesheet"
href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
然后使用btn之类的东西,就像编写带有自定义css类的普通html一样
<button class="mdl-button mdl-js-button mdl-button--raised mdl-js-
ripple-effect mdl-button--accent">
Button
</button>
按钮
有一个宝石可供使用
在文件中添加:
gem 'material_design_lite-sass'
在/app/assets/stylesheets/application.scss中添加:
@import 'material';
注意,如果您的分机不是“scss”,请务必阅读rubysamuria的详细说明
在app/assets/javascripts/application.js中添加:
//= require material
请注意,组件与此配合使用。如果愿意,您甚至可以单独添加它们。是的,您可以
我将MDL与gemmaterial\u design\u lite-sass
一起使用,我通过从GitHub存储库的lib
目录下载文件MDL-ext.js
和MDL-ext eqjs.css
来包含MDL ext。我还从的build
目录下载了eq.js
。有关更多信息,请参阅mdl ext的自述。(不要担心缩小的文件-资产管道将为您缩小)
然后,我将这些文件分别放在Rails应用程序中供应商/资产下的javascripts
或样式表
目录中
最后,我在资产清单文件中添加了require语句,以将它们包括在资产管道中:
// app/assets/javascripts/application.js
//= require eq
//= require mdl-ext
及
谢谢你的回答maverick5,但我已经在使用material design lite了。我想做的是使用问题中发布的链接中的扩展和material design lite。你认为这两个库之间会有冲突吗?如果不是的话,在rails中哪种方法是最好的呢?问题不在于如何在rails中使用Material Design Lite,而在于如何使用Material Design Lite扩展。你有没有找到解决方案?最后我改用bootstrap。但我认为你的答案是好的。我将把它标记为答案。如果其他人将与其他人一起来,欢迎选择!
// app/assets/stylesheets/application.scss
@import 'mdl-ext-eqjs';