puti
/
snd-escloud


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
							<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorate="~{home/common/common}">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>

<body layout:fragment="content">
<div th:replace="~{home/common/header :: header}"></div>

<!--nav-->
<div class="center_nav">
    <div th:replace="~{home/common/header :: nav}"></div>
</div>

<div class="main">
    <!--轮播图-->
    <div jumbotron masthead>
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide" th:each="model,iterStat:${slideDtoList}" th:object="${model}">
                    <a th:href="*{linkLocation}"> <img th:src="@{${fileUrl}+*{imagUrl}}"/></a></div>
            </div>
            <div class="pagination"></div>
        </div>
    </div>
    <div class="container projects">
        <div class="row" style="font-size: 18px;">
            <div class="col-sm-4 col-md-4 col-lg-4" style="padding: 10px 0 ;text-align: center;">
                <img src="../image/工业园数量.png" style="display: inline-block;" alt=""/>
                <span>工业园产业园数</span>
                <span class="red">47</span>
                <span>个</span>
            </div>
            <div class="col-sm-4 col-md-4 col-lg-4" style="padding: 10px 0 ;text-align: center;">
                <img src="../image/企业数.png" style="display: inline-block;" alt=""/>
                <span>服务企业数</span>
                <span class="red">9,527</span>
                <span>个</span>
            </div>
            <div class="col-sm-4 col-md-4 col-lg-4" style="padding: 10px 0 ;text-align: center;">
                <img src="../image/活动数.png" style="display: inline-block;" alt=""/>
                <span>开展活动数</span>
                <span class="red">9,527</span>
                <span>个</span>
            </div>
        </div>
    </div>

    <div class="container projects">
        <div class="row">
            <div class="col-sm-6 col-md-6 col-lg-6" th:each="content,iterStat:${navigation.contents}"
                 th:object="${content}">
                <div class="headlineStyle">
                    <p><img th:src="@{*{fileUrl}+*{navigation.fileDown.file_url}}" alt=""/></p>
                    [[${navigation.name}]]
                    <span class="fr">
                            <a th:href="@{'/home/informList/'+*{navigation.id}}">
                        更多>></a>
                        </span>
                </div>
                <div class="contentStyle" th:each="content,iterStat:${navigation.contents}" th:object="${content}">
                    <h3><a th:href="@{'/home/contentDetail/'+*{id}}" th:text="*{title}"></a></h3>
                    <p class="abstract" th:text="*{brief}"></p>

                </div>
            </div>
        </div>
    </div>

</div>
<!--页底-->
<div th:replace="~{home/common/footer :: footer}"></div>

<script type="text/javascript">
    var mySwiper = new Swiper('.swiper-container', {
        autoplay: 5000,//可选选项，自动滑动
        loop: true,//可选选项，开启循环
        pagination: '.pagination',
        paginationClickable: true,
        autoplayDisableOnInteraction: false,
    })


</script>
</body>

</html>
<style type="text/css">
    /*轮播图样式*/
    .pagination {
        position: absolute;
        z-index: 20;
        bottom: 10px;
        width: 100%;
        text-align: center;
    }

    .swiper-pagination-bullet {
        display: inline-block;
        width: 12px;
        height: 12px;
        border-radius: 8px;
        background: #555;
        margin: 0 8px;
        opacity: 0.8;
        border: 1px solid #fff;
        cursor: pointer;
    }

    .swiper-pagination-bullet-active {
        background: #fff;
    }
</style>