我想将此材料添加到我在 Springboot + thymeleaf 中的项目中 https://getmdl.io 我已被复制到 material.min.css 到 resources/static/css 和 material.min.js 到/resources/static scripts。
在管理方面.html增加了:
<link rel="stylesheet" th:href="@{css/material.min.css}"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript" />
<script src="scripts/material.min.js" th:src="@{scripts/material.min.js}" type="text/javascript"/>
但是当我使用输入类型 par 示例时,UI 没有动画。我怎么能做到它工作。或者有更好的材料与百里香叶一起使用?
添加 WebJar 版本的材料设计精简版 Maven 后,我也面临同样的问题
<dependency>
<groupId>org.webjars.bower</groupId>
<artifactId>material-design-lite</artifactId>
<version>1.3.0</version>
</dependency>
(当时 1.3.0 是最新版本)
<script src="webjars/material-design-lite/1.3.0/material.min.js"></script>
而不是
<script src="scripts/material.min.js" th:src="@{scripts/material.min.js}" type="text/javascript"/>
注意:
在<body>
用容器<div>
标签标记所有页面内容(卡片,标签,导航栏)
<div class="container">
//All page contents kept here
</div>