html - 在html开发中使用material ui？

Question

我想知道如何使用 Material UI在我的 html 元素中。我想知道我是否可以从 Material UI 的 git page 中实现代码

Answer 1

根据我的理解和从网上阅读的内容，您的问题是不，不幸的是，它主要基于 javascript 及其框架等。你可以，我假设这不是你想要做的，你可以通过插入 cdn 然后在另一个脚本标签中编写你的 react 代码来将 react 合并到你的 html 中。但是，我找到了一个可能的解决方案，即使它不是 Material UI，它也有点接近:

https://getmdl.io/

这是 Material 设计灯。例如，要创建一个按钮，只需添加 cdn 和样式源:

<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">
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>

然后像这样添加你的按钮:

<!-- Accent-colored raised button with ripple -->
<button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent">
  Button
</button>
<!-- Colored FAB button -->
<button class="mdl-button mdl-js-button mdl-button--fab mdl-button--colored">
  <i class="material-icons">add</i>
</button>

希望这对您有所帮助。抱歉将近 4 年的延迟。