From 610732f74f40132de50b86b63931161460d25e57 Mon Sep 17 00:00:00 2001 From: jiangping <jp@doumee.com> Date: 星期二, 08 七月 2025 18:21:43 +0800 Subject: [PATCH] ss --- server/src/main/resources/templates/dynamics.html | 178 ++++++++++++++++++++++++++--------------------------------- 1 files changed, 79 insertions(+), 99 deletions(-) diff --git a/server/src/main/resources/templates/dynamics.html b/server/src/main/resources/templates/dynamics.html index c319fad..73cd62e 100644 --- a/server/src/main/resources/templates/dynamics.html +++ b/server/src/main/resources/templates/dynamics.html @@ -2,56 +2,29 @@ <html lang="en"> <head> <meta charset="UTF-8"> - <title>鏈�鏂板姩鎬�</title> - <link rel="stylesheet" href="./assets/common.css"> - <link rel="stylesheet" href="./assets/dynamics.css"> - <link rel="stylesheet" href="./assets/animate.css"> - <link rel="stylesheet" href="./assets/zxf_page.css"> - <link rel="stylesheet" href="./assets/animate.min.css"> - <link rel="stylesheet" href="./assets/swiper.css"> - <script src="./js/jquery.js"></script> - <script src="./js/swiper.js"></script> - <script src="./js/dynamics.js"></script> - <script src="./js/zxf_page.js"></script> - <script src="./js/selectFilter.js"></script> - <link rel="stylesheet" href="./assets/selectFilter.css"> + <title>${seo.title!''}</title> + <meta name="description" content="${seo.remark!''}"> + <meta name="keywords" content="${seo.keywords!''}"> + <link rel="stylesheet" href="${webDomain!''}/assets/common.css"> + <link rel="stylesheet" href="${webDomain!''}/assets/dynamics.css"> + <link rel="stylesheet" href="${webDomain!''}/assets/animate.css"> + <link rel="stylesheet" href="${webDomain!''}/assets/zxf_page.css"> + <link rel="stylesheet" href="${webDomain!''}/assets/animate.min.css"> + <link rel="stylesheet" href="${webDomain!''}/assets/swiper.css"> + <script src="${webDomain!''}/js/jquery.js"></script> + <script src="${webDomain!''}/js/swiper.js"></script> + <script src="${webDomain!''}/js/dynamics.js"></script> + <script src="${webDomain!''}/js/zxf_page.js"></script> + <script src="${webDomain!''}/js/selectFilter.js"></script> + <link rel="stylesheet" href="${webDomain!''}/assets/selectFilter.css"> </head> <body> <div class="index"> <div id="back-to-top"> - <img src="./assets/icon/bottom_ic_top@2x.png" alt="" /> + <img src="${webDomain!''}/assets/icon/bottom_ic_top@2x.png" alt="${seo.imgalt!''}" /> </div> <div id="header"> - <div class="nav"> - <div class="nav-logo"> - <img src="./assets/images/top_logo@2x.png" alt="logo"> - </div> - <ul> - <li> - <a href="./index.html">棣栭〉</a> - </li> - <li> - <a href="./intelligent_system.html">鏅烘収绯荤粺</a> - </li> - <li> - <a href="./solution.html">瑙e喅鏂规</a> - </li> - <li> - <a href="./alot.html">Alot鐗╄仈</a> - </li> - <li> - <a href="./dynamics.html">鏈�鏂板姩鎬�</a> - <div class="underline"></div> - </li> - <li> - <a href="./about.html">鍏充簬鎴戜滑</a> - </li> - <li> - <a href="./about.html#section1">娓犻亾鍚堜綔</a> - </li> - </ul> - <a href="./about.html#section1" class="nav-btn">鍏嶈垂璇曠敤</a> - </div> + <#include "/components/nav.html"> </div> <div style="width: 100%; height: 70px;"></div> <div class="index-banner"> @@ -60,24 +33,77 @@ <div class="index-banner-c-b">鏅烘収鍦洪杩愯惀杩愮淮绯荤粺+鏁版櫤瑙e喅鏂规鏈嶅姟</div> <div class="index-banner-c-c"> <span>鍜ㄨ璇︽儏</span> - <img src="./assets/images/btn_ar@2x.png" alt=""> + <img src="${webDomain!''}/assets/images/btn_ar@2x.png" alt="${seo.imgalt!''}" > </div> </div> </div> <div class="index-y"> - <div class="index-y-list" id="list"></div> - </div> - <div class="fenye"> - <div class="fenye-hz"> - <div class="zxf_pagediv"></div> + <div class="index-y-list" id="list"> + <#if dataList ??> + <#list dataList as item> + <a class="itemCls itemIndex${item_index}" rel="${item_index}" href="${webDomain!''}/dynamics/${item.id}.html"> + <div class="item1"> + <div class="item-img"> + <img src="${bottom.fileDir!''}${item.imgurl!''}" alt="${seo.imgalt!''}" > + </div> + <div class="item-info"> + <div class="item-info-top"> + <span>${item.title!''}</span> + <span>${item.detail!''}</span> + </div> + <div class="item-info-bottom"> + ${item.releaseDate?date} + </div> + </div> + </div> + </a> + </#list> + </#if> </div> </div> - <div id="footer"></div> + <#if dataList ??> + <div class="fenye"> + <div class="fenye-hz"> + <div class="zxf_pagediv"> + </div> + </div> + </div> +</#if> + <div id="footer"> + <#include "/components/footer.html"> + </div> </div> <script type="text/javascript"> - let url = 'http://121.41.112.139:8099' + var current = 1; + var pageSize = 6; + var totalCount = ${dataList?size} + var totalPage= totalCount/pageSize + if( totalCount % pageSize !=0){ + totalPage += 1; + } + dealPageDataBiz(); + //缈婚〉 + $(".zxf_pagediv").createPage({ + pageNum: totalPage, + current: getParameterByName('page') || 1, + total: totalCount, + backfun: function(e) { + current = e.current; + dealPageDataBiz(); + //window.location.href = './dynamics.html?page=' + e.current; + } + }); - function getParameterByName(name, url) { + function dealPageDataBiz(){ + var elements = document.querySelectorAll('.itemCls'); + elements.forEach(function(element) { + element.style.display = 'none'; + }); + for(var i = (current-1) * pageSize; i< current*pageSize;i++){ + document.querySelector('.itemIndex'+i).style.display = 'block'; + } + } + function getParameterByName(name, url) { if (!url) url = window.location.href; name = name.replace(/[\[\]]/g, "\\$&"); var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"), @@ -86,52 +112,6 @@ if (!results[2]) return ''; return decodeURIComponent(results[2].replace(/\+/g, " ")); } - - // 鑾峰彇棣栭〉杞挱鍥� - $.ajax({ - async: false, - url: url + '/dmttwebsite/web/api/informationPage', - type: 'post', - data: JSON.stringify({ - capacity: 4, - page: getParameterByName('page') || 1, - model: {} - }), - contentType: "application/json", - success: function (res) { - res.data.records.forEach(function (item) { - var html = ` - <a href="./dynamics_details.html?id=${item.id}"> - <div class="item1"> - <div class="item-img"> - <img src="${item.fullImgurl}" alt=""> - </div> - <div class="item-info"> - <div class="item-info-top"> - <span>${item.title}</span> - <span>${item.detail}</span> - </div> - <div class="item-info-bottom"> - ${item.releaseDate} - </div> - </div> - </div> - </a> - ` - $('#list').append(html); - }) - //缈婚〉 - $(".zxf_pagediv").createPage({ - pageNum: res.data.pageCount, - current: getParameterByName('page') || 1, - total: res.data.total, - backfun: function(e) { - console.log(e.current); - window.location.href = './dynamics.html?page=' + e.current; - } - }); - } - }) </script> </body> </html> -- Gitblit v1.9.3