68 lines
2.6 KiB
HTML
68 lines
2.6 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}">
|
||
<link rel="stylesheet" th:href="@{/css/timeline.css}">
|
||
<link rel="stylesheet" th:href="@{/css/backgroud.css}">
|
||
</head>
|
||
<body>
|
||
|
||
<div th:replace="~{common/header::header(activeUrl='about')}"></div>
|
||
|
||
<main role="main">
|
||
<div class="container">
|
||
<div class="jumbotron" style="background-color: #ffffff;">
|
||
<div class="container">
|
||
<h1 class="display-3">关于我们
|
||
<a style="font-size: 14px;" href="javascript:donate();" class="badge badge-danger text-decoration-none">赞助服务器</a>
|
||
</h1>
|
||
<div class="alert alert-primary mt-3" role="alert">
|
||
广罗优质资源，服务优质的你!
|
||
</div>
|
||
<div class="timeline-small-body">
|
||
<ul>
|
||
<li th:each="about:${aboutList}">
|
||
<div class="bullet orange"></div>
|
||
<div class="desc">
|
||
<h3>
|
||
[[${about.getTitle()}]]
|
||
<small class="float-right" th:text="${#dates.format(about.getGmtCreate(),'yyyy-MM-dd HH:mm:ss')}"></small>
|
||
</h3>
|
||
<h4 th:utext="${about.getContent()}"></h4>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</main>
|
||
|
||
<div th:replace="~{common/footer::footer}"></div>
|
||
|
||
<a class="to-top badge badge-light">返回顶部</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>
|
||
<!-- layer 赞赏码 -->
|
||
<script th:src="@{/layer/mobile/layer.js}"></script>
|
||
<script th:src="@{/js/axios.js}"></script>
|
||
<script type="text/javascript">
|
||
// 后台读取
|
||
function donate(){
|
||
axios.get('/user/donate').then(response => {
|
||
layer.photos({
|
||
photos: response.data,
|
||
anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
|
||
});
|
||
})
|
||
}
|
||
</script>
|
||
</body>
|
||
</html>
|