ss

doum

2025-09-22 0f06d28a6bf043087d658b6cf59864fec9bb63dd

ss

 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;

 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;

 server/src/main/resources/templates/mobile/indexMobile.html

@@ -18,11 +18,28 @@
        <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”五位一体，
@@ -30,29 +47,39 @@
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <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);">
                       <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);">
                        <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);">
                        <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);">
                        <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" />
                </a>
                </#if>
                </#list>
                </#if>
                    </div>
                    <div class="fangan_new_item_info">
                        <span>互联互通数字社区让人们用得起用得好互联网</span>
                        <span>2025年4月20日 12:00:00</span>
                    </div>
                </div>
            </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" />
                    </#list>
                        </div>
                        <div class="anli_info">
                            <div class="anli_info_title">六安市体育中心体育馆</div>
                            <div class="anli_info_desc">六安体育中心场馆主要分为两块，一个是容纳3万人的标准体育场，一个是容纳6000人的体育馆。加上比较多的全民健身室外运动场地，主要是篮球场、足球场、羽毛球场、网球场还有包括部分青少年体育活动场所。</div>
                </#if>
                        </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>
            </div>
            <div class="fangan_btn">查看更多</div>
            <div class="fangan_btn" style="">查看更多</div>
        </div>
        <div class="fangan" style="background: #F8FAFF;">
            <div class="fangan_title">合作伙伴</div>
@@ -259,6 +273,9 @@
            slidesPerView: 1.1,
            spaceBetween: 10
        });
        var swiper2 = new Swiper('.swiper-container2', {
            slidesPerView: 1
        });
    </script>
</body>
</html>