60 lines
2.1 KiB
HTML
60 lines
2.1 KiB
HTML
<!doctype html>
|
|
<html lang="en" xmlns:th="http://www.thymeleaf.org">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<title>资源库-Quinn</title>
|
|
<link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.min.css}">
|
|
<style>
|
|
#maxLength {
|
|
max-width: 500px;
|
|
white-space: nowrap; /* 不换行 */
|
|
overflow: hidden; /* 超出部分不显示 */
|
|
text-overflow: ellipsis; /* 超出部分显示为... */
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div th:replace="~{common/header::header(activeUrl='hotspot')}"></div>
|
|
|
|
<main role="main" class="mt-3">
|
|
<div class="container">
|
|
<div class="alert alert-primary" role="alert">
|
|
大佬需要什么资料请提交论坛或者关注公众号反馈。
|
|
</div>
|
|
|
|
<div class="row row-cols-1 row-cols-md-3 text-center">
|
|
<div class="col mb-3" th:each="source:${sourceList}">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<a class="text-dark font-weight-bold text-decoration-none" th:href="@{'/source/view/'+${source.getSid()}}">
|
|
<h4 class="font-weight-normal d-inline">
|
|
[[${source.getSourceName()}]]
|
|
</h4>
|
|
<span class="badge badge-danger">
|
|
[[${source.getCategoryName()}]]
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div class="card-body">
|
|
<p id="maxLength" th:text="${source.getDetail()}"></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<div th:replace="~{common/footer::footer}"></div>
|
|
|
|
<a class="to-top">返回顶部</a>
|
|
<script th:src="@{/js/jquery-3.5.1.min.js}"></script>
|
|
<script th:src="@{/bootstrap/js/bootstrap.bundle.min.js}"></script>
|
|
<script th:src="@{/js/toTop.js}"></script>
|
|
<script th:src="@{/js/jquery-ui.min.js}"></script>
|
|
<script th:src="@{/live/js/addlive2d.js}"></script>
|
|
|
|
</body>
|
|
</html>
|