zhongze
/
zhongze-cmp


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
							<!doctype html>
<html lang="cn">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <#include "./headerUp.ftl" parse=true encoding="utf-8">
    <title>${htmlTitle!"NEWS"}</title>
    <meta name="keywords" content=${keywords!""}>
    <meta name="description" content=${description!""}>
    <meta content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width" name="viewport"/>
    <link href="./static/css/swiper-bundle.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="./static/css/animate.min.css">
    <script src="./static/js/wow.min.js" charset="utf-8"></script>
    <link href="./common/index.css" rel="stylesheet">
    <link href="./news/index.css" rel="stylesheet">

    <meta property="og:title" content="${newsList[0].title!""}" />
    <#--    <meta property="og:url" content="http://www.sharethis.com" />-->
    <meta property="og:image" content="${newsList[0].topSurfaceUrl!""}" />
    <meta property="og:description" content="${newsList[0].digest!""}" />
    <#--    <meta property="og:site_name" content="ShareThis" />-->
</head>
<body>
<#include "./header.ftl" parse=true encoding="utf-8">
<div class="main">
    <section class="section part part_1 fadeInUp wow">
        <div class="part_content">
            ${part}
        </div>
    </section>
    <section class="section part part_2 fadeInUp wow">
        <div class="part_content">
            <#list newsList as news>
                <#if news_index == 0>
                    <a class="item-1" href="${news.newsDetailUrl}">
                        <div class="bgImage">
                            <picture class="lazy">
                                <source data-srcset="${news.topSurfaceUrl!""}" srcset="" media="(max-width: 800px)"/>
                                <img class="fit-image" data-src="${news.topSurfaceUrl!""}" src=""/>
                            </picture>
                        </div>
                        <div class="info">
                            <div class="item-title">${news.title}</div>
                            <div class="item-sub-title">${(news.date)?string('yyyy-MM-dd')}</div>
                        </div>
                    </a>
                <#else >
                    <div class="item-2">
                        <div class="item-img">
                            <div class="bgImage">
                                <picture class="lazy">
                                    <source data-srcset="${news.topSurfaceUrl!""}" srcset="" media="(max-width: 800px)"/>
                                    <img class="fit-image" data-src="${news.topSurfaceUrl!""}" src=""/>
                                </picture>
                            </div>
                        </div>
                        <div class="info">
                            <div class="item-title">${news.title}
                            </div>
                            <div class="item-sub-title">${(news.date)?string('yyyy-MM-dd')}</div>
                            <div class="item-context">${news.digest}
                            </div>
                            <a class="viewBtn btn text" href="${news.newsDetailUrl}">
                                <div class="viewText">VIEW MORE</div>
                                <div class="viewIcon">
                                    <div class="viewArrow1"></div>
                                    <div class="viewArrow2"></div>
                                </div>
                            </a>
                        </div>
                    </div>
                </#if>
            </#list>
        </div>
    </section>
    <section class="section part part_3 fadeInUp wow">
        <div class="searchForm">
            <div class="products">
                <div class="select-title">Products</div>
                <div class="select-dropList select-dropList-close swiper-no-swiping" data-flag="0">
                    <#list header as productMap>
                        <div data-value="${productMap.catege.uuid}" data-label="${productMap.catege.title}" data-index-id="${productMap_index}" class="select-listItem">${productMap.catege.title}</div>
                    </#list>
                </div>
            </div>
            <div class="topics">
                <div class="select-title">Topics</div>
                <div class="select-dropList select-dropList-close swiper-no-swiping" data-flag="0">
                    <#list gambitTagList as tag>
                        <div data-value="${tag.uuid}" data-label="${tag.name}" data-index-id="${tag_index}" class="select-listItem">${tag.name}</div>
                    </#list>
                </div>
            </div>
            <div class="time">
                <div class="select-title">Time</div>
                <div class="select-dropList select-dropList-close swiper-no-swiping" data-flag="0">
                    <#list dateList as date>
                        <div data-value="${date}" data-label="${date}" data-index-id="${date_index}" class="select-listItem">${date}</div>
                    </#list>
                </div>
            </div>
            <div class="all">ALL</div>
        </div>
        <div class="titleForm"></div>
        <div id="list"></div>
        <div id="pagination"></div>
    </section>
    <section class="section part part_4 fadeInUp wow"></section>
</div>
<#include "./footer.ftl" parse=true encoding="utf-8">

<script defer="defer" src="./runtime/index.js"></script>
<script defer="defer" src="./vendor/index.js"></script>
<script defer="defer" src="./common/index.js"></script>
<script defer="defer" src="./news/index.js"></script>
</body>
<script>// 模块动画
    var wow = new WOW({
        boxClass: 'wow',
        animateClass: 'animated',
        offset: 100,
        live: true,
        mobile: false
    });
    wow.init();</script>
</html>