zhongze
/
zhongze-cmp
Seguir 5
Destacar 0
Fork 0
Código Incidencias 0 Peticiones pull 0 Lanzamientos 0 Wiki Actividad
中泽后端接口
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
11 Commits
1 Rama
Rama: master
Ramas Etiquetas
${ item.name }
Crear rama ${ searchTerm }
desde 'master'
${ noResults }
zhongze-cmp/templates/index.ftl

index.ftl 19KB
Original Enlace permanente Blame Histórico

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360 
  1. <!DOCTYPE html>

  2. <html lang="en">

  3. <head>

  4.     <meta charset="utf-8"/>

  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>

  6.     <title>${TDK.title!''}走进中泽</title>

  7.     <meta name="description" content="${TDK.digest!''}"/>

  8.     <meta name="Keywords" content="${TDK.key!''}"/>

  9.     <meta content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width" name="viewport"/>

  10.     <link href="./static/css/swiper-bundle.min.css" rel="stylesheet"/>

  11.     <link rel="stylesheet" href="./static/lib/animate.min.css">

  12.     <script src="./static/lib/wow.min.js"></script>

  13.     <link href="./common/index.css" rel="stylesheet">

  14.     <link href="./index/index.css" rel="stylesheet">

  15. 

  16. </head>

  17. 

  18. <body>

  19. <#include "./header.ftl" parse=true encoding="utf-8">

  20. <div class="main">

  21.     <div class="wow domInUp banner">

  22.         <div class="swiper bannerSwiper">

  23.             <div class="swiper-wrapper">

  24.                 <#--                首页轮播-->

  25. 

  26.                 <#list bannerList as banner>

  27.                     <div class="swiper-slide">

  28.                         <#if banner_index == 0>

  29.                             <video

  30.                                     class="lazy"

  31.                                     data-src="${banner.pcImgUrl!''}"

  32.                                     data-srcM="${banner.mImgUrl!''}"

  33.                                     autoplay

  34.                                     muted

  35.                                     loop

  36.                                     playsinline

  37.                             ></video>

  38. 

  39.                         <#else>

  40.                         <img class="lazy" data-src="${banner.pcImgUrl!''}"

  41.                              data-srcm="${banner.mImgUrl!''}" alt=""/>

  42.                         <div class="slideCon">

  43.                             <#if banner.titleList??>

  44.                                 <#list banner.titleList as title>

  45.                                     <div class="title">${title}</div>

  46.                                 </#list>

  47.                             </#if>

  48.                         </div>

  49.                         </#if>

  50.                     </div>

  51.                 </#list>

  52.             </div>

  53.             <div class="swiper-pagination swiper-paginationB"></div>

  54.             <div class="btn-prev btn-prevB"><span class="icon iconfont icon-jiantou"></span></div>

  55.             <div class="btn-next btn-nextB"><span class="icon iconfont icon-jiantou"></span></div>

  56.         </div>

  57.     </div>

  58.     <div class="wow fadeInUp product" id="jtjs">

  59.         <div class="wow fadeInUp title" data-wow-delay="0.2s">集团介绍</div>

  60.         <div class="wow fadeInUp text">${introduce.introduceMsg!''}</div>

  61.         <div class="productCon">

  62.             <div class="wow fadeInUp productTits">

  63.                 <div>

  64.                     <div class="productTit productCk">

  65.                         <div>铁合金</div>

  66.                     </div>

  67.                     <div class="productTit">

  68.                         <div>炭素</div>

  69.                     </div>

  70.                     <div class="productTit">

  71.                         <div>钼业</div>

  72.                     </div>

  73.                     <div class="productTit">

  74.                         <div>镍业</div>

  75.                     </div>

  76.                     <div class="productTit">

  77.                         <div>产业互联网</div>

  78.                     </div>

  79.                     <div class="productTit">

  80.                         <div>化工</div>

  81.                     </div>

  82.                     <div class="productTit">

  83.                         <div>大消费</div>

  84.                     </div>

  85.                     <div class="productTit">

  86.                         <div>装备制造</div>

  87.                     </div>

  88.                     <div class="productTit">

  89.                         <div>金融服务</div>

  90.                     </div>

  91.                     <div class="productTit">

  92.                         <div>其他</div>

  93.                     </div>

  94.                 </div>

  95.             </div>

  96.             <div class="wow fadeInUp productConBox">

  97.                 <div class="swiper productSwiper">

  98.                     <div class="swiper-wrapper">

  99.                         <div class="swiper-slide">

  100.                             <img class="lazy" data-src="./static/images/index/product1.jpg" data-srcM="./static/images/index/product1.jpg" alt="" />

  101.                             <div class="slideZ"></div>

  102.                             <div class="slideCon">

  103.                                 <div class="text">铁合金</div>

  104.                             </div>

  105.                         </div>

  106.                         <div class="swiper-slide">

  107.                             <img class="lazy" data-src="./static/images/index/product2.jpg" data-srcM="./static/images/index/product2.jpg" alt="" />

  108.                             <div class="slideZ"></div>

  109.                             <div class="slideCon">

  110.                                 <div class="text">炭素</div>

  111.                             </div>

  112.                         </div>

  113.                         <div class="swiper-slide">

  114.                             <img class="lazy" data-src="./static/images/index/product3.jpg" data-srcM="./static/images/index/product3.jpg" alt="" />

  115.                             <div class="slideZ"></div>

  116.                             <div class="slideCon">

  117.                                 <div class="text">钼业</div>

  118.                             </div>

  119.                         </div>

  120.                         <div class="swiper-slide">

  121.                             <img class="lazy" data-src="./static/images/index/product5.jpg" data-srcM="./static/images/index/product5.jpg" alt="" />

  122.                             <div class="slideZ"></div>

  123.                             <div class="slideCon">

  124.                                 <div class="text">镍业</div>

  125.                             </div>

  126.                         </div>

  127.                         <div class="swiper-slide">

  128.                             <img class="lazy" data-src="./static/images/index/product9.jpg" data-srcM="./static/images/index/product9.jpg" alt="" />

  129.                             <div class="slideZ"></div>

  130.                             <div class="slideCon">

  131.                                 <div class="text">产业互联网</div>

  132.                             </div>

  133.                         </div>

  134.                         <div class="swiper-slide">

  135.                             <img class="lazy" data-src="./static/images/index/product12.jpg" data-srcM="./static/images/index/product12.jpg" alt="" />

  136.                             <div class="slideZ"></div>

  137.                             <div class="slideCon">

  138.                                 <div class="text">化工</div>

  139.                             </div>

  140.                         </div>

  141.                         <div class="swiper-slide">

  142.                             <img class="lazy" data-src="./static/images/index/product8.jpg" data-srcM="./static/images/index/product8.jpg" alt="" />

  143.                             <div class="slideZ"></div>

  144.                             <div class="slideCon">

  145.                                 <div class="text">大消费</div>

  146.                             </div>

  147.                         </div>

  148.                         <div class="swiper-slide">

  149.                             <img class="lazy" data-src="./static/images/index/product10.jpg" data-srcM="./static/images/index/product10.jpg" alt="" />

  150.                             <div class="slideZ"></div>

  151.                             <div class="slideCon">

  152.                                 <div class="text">装备制造</div>

  153.                             </div>

  154.                         </div>

  155.                         <div class="swiper-slide">

  156.                             <img class="lazy" data-src="./static/images/index/product11.jpg" data-srcM="./static/images/index/product11.jpg" alt="" />

  157.                             <div class="slideZ"></div>

  158.                             <div class="slideCon">

  159.                                 <div class="text">金融服务</div>

  160.                             </div>

  161.                         </div>

  162.                         <div class="swiper-slide">

  163.                             <img class="lazy" data-src="./static/images/index/product13.jpg" data-srcM="./static/images/index/product13.jpg" alt="" />

  164.                             <div class="slideZ"></div>

  165.                             <div class="slideCon">

  166.                                 <div class="text">其他</div>

  167.                             </div>

  168.                         </div>

  169.                         <!-- <div class="swiper-slide">

  170.                           <img class="lazy" data-src="./static/images/index/product4.jpg" data-srcM="./static/images/index/product4.jpg" alt="" />

  171.                           <div class="slideZ"></div>

  172.                           <div class="slideCon">

  173.                               <div class="text">大宗贸易</div>

  174.                           </div>

  175.                         </div>

  176.                         <div class="swiper-slide">

  177.                           <img class="lazy" data-src="./static/images/index/product6.jpg" data-srcM="./static/images/index/product6.jpg" alt="" />

  178.                           <div class="slideZ"></div>

  179.                           <div class="slideCon">

  180.                               <div class="text">新材料</div>

  181.                           </div>

  182.                         </div>

  183.                         <div class="swiper-slide">

  184.                           <img class="lazy" data-src="./static/images/index/product7.jpg" data-srcM="./static/images/index/product7.jpg" alt="" />

  185.                           <div class="slideZ"></div>

  186.                           <div class="slideCon">

  187.                               <div class="text">科研院所</div>

  188.                           </div>

  189.                         </div> -->

  190.                     </div>

  191.                 </div>

  192.             </div>

  193.             <div class="swiper-page">

  194.                 <!-- 如果需要分页器 -->

  195.                 <div class="btn-prev btn-prevP1"><span class="icon iconfont icon-jiantou"></span></div>

  196.                 <div class="btn-next btn-nextP1"><span class="icon iconfont icon-jiantou"></span></div>

  197.             </div>

  198.         </div>

  199.     </div>

  200.     <div class="wow fadeInUp about">

  201.         <div class="wow fadeInUp title mTxt">业务版图</div>

  202.         <div class="aboutImg"><img class="lazy" data-src="./static/images/index/aboutbg.png"

  203.                                    data-srcm="./static/images/index/aboutbgm.png" alt=""/> <img

  204.                     class="wow fadeInUp lazy imgZi" data-wow-delay="0.3s" data-src="./static/images/index/aboutbg2.png"

  205.                     data-srcm="./static/images/index/aboutbg2.png" alt=""/> <img class="wow fadeInUp lazy imgZi"

  206.                                                                                  data-wow-delay="0.6s"

  207.                                                                                  data-src="./static/images/index/aboutbg3.png"

  208.                                                                                  data-srcm="./static/images/index/aboutbg3.png"

  209.                                                                                  alt=""/> <img

  210.                     class="wow fadeInUp lazy imgZi" data-wow-delay="0.7s" data-src="./static/images/index/aboutbg4.png"

  211.                     data-srcm="./static/images/index/aboutbg4.png" alt=""/> <img class="wow fadeInUp lazy imgZi"

  212.                                                                                  data-wow-delay="0.8s"

  213.                                                                                  data-src="./static/images/index/aboutbg5.png"

  214.                                                                                  data-srcm="./static/images/index/aboutbg5.png"

  215.                                                                                  alt=""/> <img

  216.                     class="wow fadeInUp lazy imgZi" data-wow-delay="0.9s" data-src="./static/images/index/aboutbg6.png"

  217.                     data-srcm="./static/images/index/aboutbg6.png" alt=""/></div>

  218.         <div class="aboutCon">

  219.             <div class="wow fadeInUp title pcTxt">业务版图</div>

  220.             <div>

  221.                 <div class="wow fadeInUp sltImg"> <img src="./static/images/index/aboutbg7.png" alt=""/></div>

  222.                 <a href="./product.html" class="wow fadeInUp btn3">产业布局<span class="icon iconfont icon-jiantou"></span></a>

  223.             </div>

  224.         </div>

  225.     </div>

  226.     <div class="wow fadeInUp history" id="fzlc">

  227.         <div class="wow fadeInUp title">发展历程</div>

  228.         <div class="wow fadeInUp historyTit">

  229.             <#list dhMap.years as year>

  230.                 <div <#if year== "2020">class="active"</#if>>${year}s</div>

  231.             </#list>

  232.         </div>

  233.         <div class="historyCon">

  234.             <div class="swiper historySwiper">

  235.                 <div class="swiper-wrapper">

  236.                     <#list dhMap.hisData as history>

  237.                         <div class="swiper-slide <#if history.year gt 2019> activeShow</#if>">

  238.                             <div class="hisImg">

  239.                                 <img class="lazy" data-src="${history.imgUrl!''}" data-srcM="${history.imgUrl!''}" alt=""/>

  240.                             </div>

  241.                             <div class="hisTime">${history.year?c}</div>

  242.                             <div class="text">${history.digest}</div>

  243.                             <div class="hisBottom">

  244.                                 <div class="hisLine"></div>

  245.                                 <div class="hisIcon">

  246.                                     <div class="cil1"></div>

  247.                                     <div class="cil2"></div>

  248.                                     <div class="cil3"></div>

  249.                                 </div>

  250.                                 <div class="hisBTime">${history.year?c}</div>

  251.                             </div>

  252.                         </div>

  253.                     </#list>

  254.                 </div>

  255.                 <div class="hisLine"></div>

  256.             </div>

  257.             <div class="swiper-page">

  258.                 <div class="btn-prev btn-prevH1"><span class="icon iconfont icon-jiantou"></span></div>

  259.                 <div class="btn-next btn-nextH1"><span class="icon iconfont icon-jiantou"></span></div>

  260.                 <div class="rightDiv"><span class="nowNum">25</span>/<span class="allNum">25</span>

  261.                     <div class="fillLine"></div>

  262.                 </div>

  263.             </div>

  264.         </div>

  265.     </div>

  266.     <div class="corporate" id="qyxw">

  267.         <div class="wow fadeInUp title">企业文化</div>

  268.         <div class="swiper corporateSwiper">

  269.             <div class="swiper-wrapper">

  270.                 <div class="swiper-slide"><img class="lazy" data-src="./static/images/index/corporate1.jpg"

  271.                                                data-srcm="./static/images/index/corporate1.jpg" alt=""/></div>

  272.                 <div class="swiper-slide"><img class="lazy" data-src="./static/images/index/corporate2.jpg"

  273.                                                data-srcm="./static/images/index/corporate2.jpg" alt=""/></div>

  274.                 <div class="swiper-slide"><img class="lazy" data-src="./static/images/index/corporate3.jpg"

  275.                                                data-srcm="./static/images/index/corporate3.jpg" alt=""/></div>

  276.             </div>

  277.         </div>

  278.         <div class="corCon">

  279.             <div class="corTits">

  280.                 <div class="activS">企业使命</div>

  281.                 <div>核心价值观</div>

  282.                 <div>企业精神</div>

  283.             </div>

  284.             <div class="corTxts">

  285.                 <div class="activS">专注于盘活存量和长期价值投资</div>

  286.                 <div>实业为本 产业报国</div>

  287.                 <div>以人为本 家国情怀、正直诚信 永不妥协、志存高远 坚韧不拔、创新超越 追求卓越</div>

  288.             </div>

  289.         </div>

  290.     </div>

  291.     <div class="news" id="xwdt">

  292.         <div class="wow fadeInUp title">新闻动态</div>

  293.         <div class="newsCon">

  294.             <div class="wow fadeInUp newsSp">

  295.                 <#--                新闻左侧轮播-->

  296.                 <#list indexNewsList as flNewMap>

  297.                     <div class="swiper newsSwiper${flNewMap_index+1} <#if flNewMap_index == 0>newsShowSwiper</#if>">

  298.                         <div class="swiper-wrapper">

  299.                             <#list flNewMap.newsList as news>

  300.                                 <div class="swiper-slide">

  301.                                     <a href="./newsDetail/${news.uuid}.html">

  302.                                         <img class="lazy"

  303.                                              data-src="${news.surfaceUrl!'./static/images/news/newsDefault.jpg'}"

  304.                                              data-srcm="${news.surfaceUrl!'./static/images/news/newsDefault.jpg'}"

  305.                                              alt=""/>

  306.                                         <div class="slideZ"></div>

  307.                                         <div class="slideCon">

  308.                                             <div class="time">${news.date?string('yyyy-MM-dd')}</div>

  309.                                             <div class="text">${news.title}</div>

  310.                                         </div>

  311.                                     </a>

  312.                                 </div>

  313.                             </#list>

  314.                         </div>

  315.                         <div class="swiper-pagination swiper-pagination${flNewMap_index+1}"></div>

  316.                     </div>

  317.                 </#list>

  318.             </div>

  319.             <div>

  320.                 <div class="wow fadeInUp newsTitList" data-wow-delay="0.2s">

  321.                     <#--                    新闻右侧顶上分类-->

  322.                     <#list indexNewsList as flNewMap>

  323.                         <#if flNewMap_index == 0>

  324.                             <div class="newsCk newsShow">${flNewMap.columnName}</div>

  325.                         <#else>

  326.                             <div>/</div>

  327.                             <div class="newsCk">${flNewMap.columnName}</div>

  328.                         </#if>

  329.                     </#list>

  330.                 </div>

  331.                 <div class="wow fadeInUp newsConList" data-wow-delay="0.4s">

  332.                     <#--                    新闻右侧列表-->

  333.                     <#list indexNewsList as flNewMap>

  334.                         <div class="newsType newsType#{flNewMap_index+1} <#if flNewMap_index==0>newsDivShow</#if>">

  335.                             <#list flNewMap.newsList as news>

  336.                                 <a class="newsLi" href="./newsDetail/${news.uuid}.html">

  337.                                     <div class="timer">

  338.                                         <div class="timerData">${news.day}</div>

  339.                                         <div>${news.year?substring(news.year?length - 2)}-${news.month}</div>

  340.                                     </div>

  341.                                     <div class="newsLiCon">

  342.                                         <div class="liTitle">${news.title}</div>

  343.                                         <div class="licon">${news.digest!''}</div>

  344.                                     </div>

  345.                                 </a>

  346.                             </#list>

  347.                         </div>

  348.                     </#list>

  349.                 </div>

  350.             </div>

  351.         </div>

  352.         <a href="./news1.html" class="wow fadeInUp btn3">查看更多<span class="icon iconfont icon-jiantou"></span></a></div>

  353. </div>

  354. <#include "./footer.ftl" parse=true encoding="utf-8">

  355. <script defer="defer" src="./runtime/index.js"></script>

  356. <script defer="defer" src="./vendor/index.js"></script>

  357. <script defer="defer" src="./common/index.js"></script>

  358. <script defer="defer" src="./index/index.js"></script>

  359. </body>

  360. </html>