将材质-UI添加到Spring + thymeleaf项目中



我想将此材料添加到我在 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>

相关内容

最新更新