2017-07-17 72 views
2

我需要更多的组件来开发rails应用程序中的ruby。我是否可以直接在我的资产文件夹中使用包括它们的mdl-ext组件,因为没有通过bundle安装程序安装的gem。我可以在我的ruby on rails应用程序中使用Material Design Lite扩展吗?

材质设计精简版的扩展都存在这里https://github.com/leifoolsen/mdl-ext

而且我想与材料设计精简版在座 https://rails-assets.org/#/components/mdl一起使用。 注意!材料设计lite我已经在使用它了。

如果这是可能的,哪种方法可以将其包含在资产管道中?

回答

0

你不需要npm安装它,你可以像使用其他任何css框架(bootstrap等)一样使用它。放在你的应用程序布局文件的头部。

<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的方式,你会写普通的HTML与有自定义CSS类

<button class="mdl-button mdl-js-button mdl-button--raised mdl-js- 
ripple-effect mdl-button--accent"> 
Button 
</button> 

https://getmdl.io/started/index.html

+0

感谢您的答案maverick5,但我已经在使用材料设计lite。我想要做的就是使用问题中发布的链接中的扩展和材料设计lite。你认为我可以在两个图书馆之间发生冲突吗?如果不是哪种方法在rails中执行此操作最好? – neboduus

0

有使用Material Design Lite with Ruby宝石。

在Gemfile中添加:

gem 'material_design_lite-sass' 

在/app/assets/stylesheets/application.scss附加:

@import 'material'; 

请注意,如果您的分机是不是 'SCSS' 请务必阅读rubysamuria的详细的说明。

在应用程序/资产/ Java脚本/ application.js中添加:

//= require material 

注意,成分与这方面的工作。如果您愿意,您甚至可以单独添加它们。

+0

这个问题并不要求如何在Rails中使用Material Design Lite,它会询问如何使用Material Design Lite Extensions。 –

相关问题