Question

我想在Springboot + thymeleaf中将这些材料添加到我的项目中 https://getmdl.io 我已经将material.min.css复制到resources / static / css和material.min.js到/ resources / static scripts。

在administration.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不是动画的。我该怎么做才行。或者有更好的材料与百里香叶一起使用？

Answer 1

在添加材质设计精简版Maven

的WebJar版本后，我也面临同样的问题

  <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>

向Spring + thymeleaf项目添加Materials-UI

1 个答案: