From 750367c1a9a4b4cde9c5f7502692f1955412091a Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@63.com>
Date: 星期三, 28 十二月 2022 10:11:48 +0800
Subject: [PATCH] #
---
src/main/webapp/views/news.html | 55 ++++++++++++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 50 insertions(+), 5 deletions(-)
diff --git a/src/main/webapp/views/news.html b/src/main/webapp/views/news.html
index 3af6366..3aab58e 100644
--- a/src/main/webapp/views/news.html
+++ b/src/main/webapp/views/news.html
@@ -4,6 +4,14 @@
<meta charset="UTF-8">
<title>NEWS</title>
<style>
+ /** {*/
+ /* padding: 0;*/
+ /* margin: 0;*/
+ /*}*/
+ .container {
+ height: 100%;
+ width: 100%;
+ }
/*=============== SCROLL UP ===============*/
.scrollup {
text-decoration: none;
@@ -31,15 +39,31 @@
bottom: 5%;
}
+ .news-desc {
+ font-size: 14px;
+ }
+ .level-1 {
+ color: #333333;
+ }
+ .level-2 {
+ color: #1E9FFF;
+ }
+ .level-3 {
+ color: red;
+ }
</style>
</head>
<body>
+<div class="container">
+</div>
<a class="scrollup" id="scroll-up">
<span>椤堕儴</span>
</a>
</body>
<script src="../static/js/jquery/jquery-3.3.1.min.js"></script>
+<script src="../static/js/handlebars/handlebars-v4.5.3.js"></script>
+<script src="../static/js/common.js"></script>
<script>
var autoScroll = true;
@@ -59,11 +83,32 @@
})
setInterval(()=>{
- $("body").append(new Date() + "<h4>Hello World</h4>");
- if (autoScroll) {
- window.scrollTo(0, document.body.scrollHeight)
- }
- }, 500)
+ $.ajax({
+ url: baseUrl + "/news/print",
+ // headers: {'token': localStorage.getItem('token')},
+ method: 'GET',
+ success: function (res) {
+ if (res.code === 200) {
+ let template = Handlebars.compile($('#newsTpl').html());
+ $('.container').html(template({list: eval(res.data)}));
+ if (autoScroll) {
+ window.scrollTo(0, document.body.scrollHeight)
+ }
+ } else if (res.code === 403) {
+ window.location.href = baseUrl + "/login";
+ } else {
+ console.error(res.msg);
+ }
+ }
+ })
+ }, 1000)
</script>
+<script type="text/template" id="newsTpl">
+ {{#each list}}
+ <div class="news-desc level-{{l}}">
+ <span>{{t}}</span> - <span>{{v}}</span>
+ </div>
+ {{/each}}
+</script>
</html>
--
Gitblit v1.9.1