From 0f06d28a6bf043087d658b6cf59864fec9bb63dd Mon Sep 17 00:00:00 2001
From: doum <doum>
Date: 星期一, 22 九月 2025 09:19:26 +0800
Subject: [PATCH] ss
---
server/src/main/resources/templates/mobile/components/navMobile.html | 3
server/src/main/resources/templates/mobile/css/index.css | 29 ++++++++-
server/src/main/resources/templates/mobile/indexMobile.html | 129 ++++++++++++++++++++++++------------------
3 files changed, 101 insertions(+), 60 deletions(-)
diff --git a/server/src/main/resources/templates/mobile/components/navMobile.html b/server/src/main/resources/templates/mobile/components/navMobile.html
index ac45d77..48eb4c3 100644
--- a/server/src/main/resources/templates/mobile/components/navMobile.html
+++ b/server/src/main/resources/templates/mobile/components/navMobile.html
@@ -1,9 +1,10 @@
<style>
.head {
+ top:0px;
+ position:fixed;
width: 100%;
height: 44px;
background: #FFFFFF;
- position: sticky;
top: 0;
left: 0;
z-index: 999;
diff --git a/server/src/main/resources/templates/mobile/css/index.css b/server/src/main/resources/templates/mobile/css/index.css
index 7c2be4d..523cec2 100644
--- a/server/src/main/resources/templates/mobile/css/index.css
+++ b/server/src/main/resources/templates/mobile/css/index.css
@@ -1,17 +1,40 @@
+a {
+ text-decoration: none; /* 绉婚櫎涓嬪垝绾� */
+ color: inherit; /* 缁ф壙鐖跺厓绱犵殑鏂囨湰棰滆壊 */
+}
+
+a:hover {
+ text-decoration: underline; /* 榧犳爣鎮仠鏃跺彲浠ラ噸鏂版坊鍔犱笅鍒掔嚎 */
+}
+
.box {
width: 100%;
+ padding-top:44px;
}
.banner {
width: 100%;
height: 211px;
+}
+.swiper-container2 {
+ width: 100%;
+ height: 211px;
+}
+.swiper-slide1 {
+ width: 100%;
padding: 0 30px;
box-sizing: border-box;
- background-image: url("../images/home_banner@2x.png");
- background-repeat: no-repeat;
- background-size: 100% 100%;
display: flex;
flex-direction: column;
justify-content: center;
+ position: relative;
+}
+.swiper-slide1 img {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ z-index: -1;
}
.banner_title {
font-weight: bold;
diff --git a/server/src/main/resources/templates/mobile/indexMobile.html b/server/src/main/resources/templates/mobile/indexMobile.html
index d9f535a..8522519 100644
--- a/server/src/main/resources/templates/mobile/indexMobile.html
+++ b/server/src/main/resources/templates/mobile/indexMobile.html
@@ -18,41 +18,68 @@
<div id="header">
<#include "/components/navMobile.html">
</div>
+ <#if bannerList ??>
<div class="banner">
- <span class="banner_title">璞嗙背绉戞妧 鏁版櫤鏂囦綋鏃呮湇鍔″晢</span>
- <span class="banner_info">鏅烘収鍦洪钀ラ攢SaaS绯荤粺+鏁版櫤瑙ｅ喅鏂规鏈嶅姟</span>
- <div class="banner_btn">鍜ㄨ璇︽儏</div>
+ <#list bannerList as item>
+ <div class="swiper-container2">
+ <div class="swiper-wrapper">
+ <div class="swiper-slide1">
+ <img alt="${seo.imgalt!''}" src="${webDomain}/images/home_banner@2x.png" />
+ <span class="banner_title">${item.title!'' }</span>
+ <span class="banner_info">${item.detail!''}</span>
+ <#if item.content?? && item.content!=''>
+ <#if item.jumpType == 1>
+ <a href="${webDomain}/banners/${item.id}.html" target="_blank"><div class="banner_btn">鍜ㄨ璇︽儏</div></a>
+ <#else><a href="${item.content}" target="_blank"><div class="banner_btn">鍜ㄨ璇︽儏</div> </a></#if>
+ <#else>
+ <div class="banner_btn" onclick="goZixun()">鍜ㄨ璇︽儏</div>
+ </#if>
+ </div>
+ </div>
+ </div>
+ </#list>
</div>
+ </#if>
<div class="fangan">
<div class="fangan_title">鏅烘収绌洪棿瑙ｅ喅鏂规</div>
<div class="fangan_info">鈥滀簯+澶ф暟鎹�+5G+鐗╄仈缃�+AIoT鈥濅簲浣嶄竴浣擄紝
婊¤冻澶氬厓鍖栨櫤鎱у満鏅笟鍔￠渶姹�</div>
<div class="swiper-container">
<div class="swiper-wrapper">
- <div class="swiper-slide" style="background-image: url(${webDomain}/images/home_img1_open@2x.png);">
- <div class="swiper-slide-title">鏁版櫤浣撹偛鍦洪</div>
- <div class="swiper-slide-x"></div>
- <div class="swiper-slide-info">鏋勫缓澶氱鍙ｇ鐞嗘湇鍔″钩鍙帮紝瀹炵幇杩愯惀鏈嶅姟鍏ㄥ満鏅鐩�</div>
+ <div class="swiper-slide" style="background-image: url(${webDomain}/images/home_img1_open@2x.png);">
+ <a href="${webDomain}/solution.html" target="_blank">
+ <div class="swiper-slide-title">鏁版櫤浣撹偛鍦洪</div>
+ <div class="swiper-slide-x"></div>
+ <div class="swiper-slide-info">鏋勫缓澶氱鍙ｇ鐞嗘湇鍔″钩鍙帮紝瀹炵幇杩愯惀鏈嶅姟鍏ㄥ満鏅鐩�</div>
+ </a>
</div>
- <div class="swiper-slide" style="background-image: url(${webDomain}/images/home_img2_open@2x.png);">
- <div class="swiper-slide-title">24h鏅鸿兘鍦洪</div>
- <div class="swiper-slide-x"></div>
- <div class="swiper-slide-info">鍩轰簬鍦洪绯荤粺鍜岀墿鑱旇澶囧崗鍚岋紝瀹炵幇鍦洪鏃犱汉鍊煎畧杩愯惀</div>
+ <div class="swiper-slide" style="background-image: url(${webDomain}/images/home_img2_open@2x.png);">
+ <a href="${webDomain}/solution-meadowlands.html" target="_blank">
+ <div class="swiper-slide-title">24h鏅鸿兘鍦洪</div>
+ <div class="swiper-slide-x"></div>
+ <div class="swiper-slide-info">鍩轰簬鍦洪绯荤粺鍜岀墿鑱旇澶囧崗鍚岋紝瀹炵幇鍦洪鏃犱汉鍊煎畧杩愯惀</div>
+ </a>
</div>
<div class="swiper-slide" style="background-image: url(${webDomain}/images/home_img3_open@2x.png);">
- <div class="swiper-slide-title">鏁版櫤浣撹偛骞冲彴</div>
- <div class="swiper-slide-x"></div>
- <div class="swiper-slide-info">涓哄悇绾т綋鑲茬鐞嗘満鏋勮祴鑳斤紝鏋勫缓楂樻晥鍗忓悓鐨勬湇鍔″钩鍙�</div>
+ <a style="" href="${webDomain}/solution-sport.html" target="_blank">
+ <div class="swiper-slide-title">鏁版櫤浣撹偛骞冲彴</div>
+ <div class="swiper-slide-x"></div>
+ <div class="swiper-slide-info">涓哄悇绾т綋鑲茬鐞嗘満鏋勮祴鑳斤紝鏋勫缓楂樻晥鍗忓悓鐨勬湇鍔″钩鍙�</div>
+ </a>
</div>
<div class="swiper-slide" style="background-image: url(${webDomain}/images/home_img4_open@2x.png);">
- <div class="swiper-slide-title">鏅尯&娓镐箰鍥�</div>
- <div class="swiper-slide-x"></div>
- <div class="swiper-slide-info">鎻愪緵涓�浣撳寲杩愯惀绠＄悊绯荤粺锛岃祴鑳芥櫙鍖恒�佷箰鍥暟瀛楀寲鍗囩骇杞瀷</div>
+ <a href="${webDomain}/solution-scenicSpot.html" target="_blank">
+ <div class="swiper-slide-title">鏅尯&娓镐箰鍥�</div>
+ <div class="swiper-slide-x"></div>
+ <div class="swiper-slide-info">鎻愪緵涓�浣撳寲杩愯惀绠＄悊绯荤粺锛岃祴鑳芥櫙鍖恒�佷箰鍥暟瀛楀寲鍗囩骇杞瀷</div>
+ </a>
</div>
<div class="swiper-slide" style="background-image: url(${webDomain}/images/home_img5_open@2x.png);">
- <div class="swiper-slide-title">绌洪棿鏅烘収绠＄悊</div>
- <div class="swiper-slide-x"></div>
- <div class="swiper-slide-info">渚濇墭鐗╄仈缃戝拰澶ф暟鎹紝鏅鸿兘璋冩帶绌洪棿璧勬簮鍜岀┖闂寸鐞�</div>
+ <a href="${webDomain}/solution-space.html" target="_blank">
+ <div class="swiper-slide-title">绌洪棿鏅烘収绠＄悊</div>
+ <div class="swiper-slide-x"></div>
+ <div class="swiper-slide-info">渚濇墭鐗╄仈缃戝拰澶ф暟鎹紝鏅鸿兘璋冩帶绌洪棿璧勬簮鍜岀┖闂寸鐞�</div>
+ </a>
</div>
</div>
<!-- Add Pagination -->
@@ -183,62 +210,49 @@
<div class="fangan_title">璧勮鐭ヨ瘑</div>
<div class="fangan_info">鏈�鏂板姩鎬� 涓庢偍鍒嗕韩</div>
<div class="fangan_new">
+ <#if hangyeZx ??>
+ <#list hangyeZx as item>
+ <#if item_index lt 6>
+ <a class="h-content-row" href="${webDomain}/dynamics/${item.id}.html" target="_blank">
<div class="fangan_new_item">
<div class="fangan_new_item_image">
- <img src="${webDomain}/images/img_aboutus@2x.png" />
+ <img src="${bottom.fileDir!''}${item.imgurl!''}" alt="${seo.imgalt!''}"/>
</div>
<div class="fangan_new_item_info">
- <span>浜掕仈浜掗�氭暟瀛楃ぞ鍖鸿浜轰滑鐢ㄥ緱璧风敤寰楀ソ浜掕仈缃�</span>
- <span>2025骞�4鏈�20鏃� 12:00:00</span>
+ <span> ${item.title!''}</span>
+ <span>${item.releaseDate?date}</span>
</div>
</div>
- <div class="fangan_new_item">
- <div class="fangan_new_item_image">
- <img src="${webDomain}/images/img_aboutus@2x.png" />
- </div>
- <div class="fangan_new_item_info">
- <span>浜掕仈浜掗�氭暟瀛楃ぞ鍖鸿浜轰滑鐢ㄥ緱璧风敤寰楀ソ浜掕仈缃�</span>
- <span>2025骞�4鏈�20鏃� 12:00:00</span>
- </div>
- </div>
+ </a>
+ </#if>
+ </#list>
+ </#if>
</div>
- <div class="fangan_btn">鏌ョ湅鏇村</div>
+ <a href="${webDomain}/dynamics.html?module=0" target="_blank">
+ <div class="fangan_btn">鏌ョ湅鏇村</div>
+ </a>
</div>
<div class="fangan">
<div class="fangan_title">瀹㈡埛妗堜緥</div>
<div class="fangan_info">涓氬姟瑕嗙洊鍦板尯20+锛屽鎴锋湇鍔¤妯�3000+锛岃Е杈捐繍鍔ㄤ汉缇�4500涓�+</div>
<div class="swiper-container1">
+ <#if caseList ??>
<div class="swiper-wrapper">
+ <#list caseList as item>
<div class="swiper-slide">
<div class="anli_head">
- <img src="${webDomain}/images/home_anli_lliuan@2x.png" />
+ <img alt="${seo.imgalt!''}" src="${bottom.fileDir!''}${item.imgurl!''}" />
</div>
<div class="anli_info">
- <div class="anli_info_title">鍏畨甯備綋鑲蹭腑蹇冧綋鑲查</div>
- <div class="anli_info_desc">鍏畨浣撹偛涓績鍦洪涓昏鍒嗕负涓ゅ潡锛屼竴涓槸瀹圭撼3涓囦汉鐨勬爣鍑嗕綋鑲插満锛屼竴涓槸瀹圭撼6000浜虹殑浣撹偛棣嗐�傚姞涓婃瘮杈冨鐨勫叏姘戝仴韬澶栬繍鍔ㄥ満鍦帮紝涓昏鏄鐞冨満銆佽冻鐞冨満銆佺窘姣涚悆鍦恒�佺綉鐞冨満杩樻湁鍖呮嫭閮ㄥ垎闈掑皯骞翠綋鑲叉椿鍔ㄥ満鎵�銆�</div>
+ <div class="anli_info_title">${item.title!''}</div>
+ <div class="anli_info_desc">${item.detail!''}</div>
</div>
</div>
- <div class="swiper-slide">
- <div class="anli_head">
- <img src="${webDomain}/images/home_anli_lliuan@2x.png" />
- </div>
- <div class="anli_info">
- <div class="anli_info_title">鍏畨甯備綋鑲蹭腑蹇冧綋鑲查</div>
- <div class="anli_info_desc">鍏畨浣撹偛涓績鍦洪涓昏鍒嗕负涓ゅ潡锛屼竴涓槸瀹圭撼3涓囦汉鐨勬爣鍑嗕綋鑲插満锛屼竴涓槸瀹圭撼6000浜虹殑浣撹偛棣嗐�傚姞涓婃瘮杈冨鐨勫叏姘戝仴韬澶栬繍鍔ㄥ満鍦帮紝涓昏鏄鐞冨満銆佽冻鐞冨満銆佺窘姣涚悆鍦恒�佺綉鐞冨満杩樻湁鍖呮嫭閮ㄥ垎闈掑皯骞翠綋鑲叉椿鍔ㄥ満鎵�銆�</div>
- </div>
- </div>
- <div class="swiper-slide">
- <div class="anli_head">
- <img src="${webDomain}/images/home_anli_lliuan@2x.png" />
- </div>
- <div class="anli_info">
- <div class="anli_info_title">鍏畨甯備綋鑲蹭腑蹇冧綋鑲查</div>
- <div class="anli_info_desc">鍏畨浣撹偛涓績鍦洪涓昏鍒嗕负涓ゅ潡锛屼竴涓槸瀹圭撼3涓囦汉鐨勬爣鍑嗕綋鑲插満锛屼竴涓槸瀹圭撼6000浜虹殑浣撹偛棣嗐�傚姞涓婃瘮杈冨鐨勫叏姘戝仴韬澶栬繍鍔ㄥ満鍦帮紝涓昏鏄鐞冨満銆佽冻鐞冨満銆佺窘姣涚悆鍦恒�佺綉鐞冨満杩樻湁鍖呮嫭閮ㄥ垎闈掑皯骞翠綋鑲叉椿鍔ㄥ満鎵�銆�</div>
- </div>
- </div>
+ </#list>
</div>
+ </#if>
</div>
- <div class="fangan_btn">鏌ョ湅鏇村</div>
+ <div class="fangan_btn" style="">鏌ョ湅鏇村</div>
</div>
<div class="fangan" style="background: #F8FAFF;">
<div class="fangan_title">鍚堜綔浼欎即</div>
@@ -250,7 +264,7 @@
<script src="${webDomain}/js/swiper.min.js"></script>
<script>
- var swiper = new Swiper('.swiper-container', {
+ var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
slidesPerView: 1.1,
spaceBetween: 10
@@ -259,6 +273,9 @@
slidesPerView: 1.1,
spaceBetween: 10
});
+ var swiper2 = new Swiper('.swiper-container2', {
+ slidesPerView: 1
+ });
</script>
</body>
</html>
--
Gitblit v1.9.3