zhongze
/
zhongze-cmp
Sledovat 5
Oblíbit 0
Rozštěpit 0
Zdrojový kód Úkoly 0 Požadavky na natažení 0 Vydání 0 Wiki Aktivita
中泽后端接口
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.
1 Revize
1 Větev
Strom: 74cfac9d30
Větve Značky
${ item.name }
Vytvořit větev ${ searchTerm }
z „74cfac9d30“
${ noResults }
zhongze-cmp/templates/productsDetail.ftl

productsDetail.ftl 34KB
Surový Blame Historie

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695 
  1. <!doctype html>

  2. <html lang="cn">

  3. <head>

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

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

  6.     <#include "./headerUp.ftl" parse=true encoding="utf-8">

  7.     <title>${htmlTitle!""}</title>

  8.     <meta name="keywords" content=${keywords!""}>

  9.     <meta name="description" content=${description!""}>

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

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

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

  13.     <script src="/static/js/wow.min.js" charset="utf-8"></script>

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

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

  16. 

  17. <#--    <meta property="og:title" content="Join the best company in the world!" />-->

  18. <#--    <meta property="og:url" content="http://www.sharethis.com" />-->

  19. <#--    <meta property="og:image" content="http://sharethis.com/images/logo.jpg" />-->

  20. <#--    <meta property="og:description" content="ShareThis is its people. It's imperative that we hire smart,innovative people who can work intelligently as we continue to disrupt the very category we created. Come join us!" />-->

  21. <#--    <meta property="og:site_name" content="ShareThis" />-->

  22. </head>

  23. <body>

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

  25. <div class="main">

  26.     <#--    焦点图-->

  27.     <#list carDetatil as carDetatil>

  28.         <#if carDetatil.column == 'banner'>

  29.             <div class="banner">

  30.                 <#if carDetatil.dataJsonObj.imgOrVideo == 'img'>

  31.                 <picture class="lazy">

  32.                     <source data-srcset="${carDetatil.dataJsonObj.imgM.url}" srcset="" media="(max-width: 800px)"/>

  33.                     <img class="fit-image" data-src="${carDetatil.dataJsonObj.imgPc.url}" src=""/>

  34.                 </picture>

  35.                 <#else>

  36.                 <video class="myVideo_" muted="muted" preload="metadata" autoplay="autoplay"

  37.                        loop="loop" webkit-playsinline="webkit-playsinline" playsinline="playsinline"

  38.                        x5-playsinline="true" src=""

  39.                        data-srcPc="${carDetatil.dataJsonObj.imgPc.url}"

  40.                        data-srcM="${carDetatil.dataJsonObj.imgM.url}">

  41.                 </video>

  42.                 </#if>

  43.                 <#if carDetatil.dataJsonObj.titlePosUD == 'up'

  44.                     && carDetatil.dataJsonObj.titlePosLR == 'right'>

  45.                 <div class="bannerTit title_1 ${carDetatil.dataJsonObj.titleColor}Tit bannerRight">

  46.                 <#elseif carDetatil.dataJsonObj.titlePosUD == 'down'

  47.                     && carDetatil.dataJsonObj.titlePosLR == 'right'>

  48.                 <div class="bannerTit title_1 ${carDetatil.dataJsonObj.titleColor}Tit bannerBottomR">

  49.                 <#elseif carDetatil.dataJsonObj.titlePosUD == 'down'

  50.                     && carDetatil.dataJsonObj.titlePosLR == 'left'>

  51.                 <div class="bannerTit title_1 ${carDetatil.dataJsonObj.titleColor}Tit bannerBottomL">

  52.                 <#else>

  53.                     <div class="bannerTit title_1 ${carDetatil.dataJsonObj.titleColor}Tit ">

  54.                 </#if>

  55.                     <div>${carDetatil.dataJsonObj.title}</div>

  56.                     <#if carDetatil.dataJsonObj.pText ??>

  57.                         <div class="bannerPtxt title_text">${carDetatil.dataJsonObj.pText}</div>

  58.                     </#if>

  59.                 </div>

  60.             </div>

  61.         </#if>

  62.     </#list>

  63.     <#--    栏目锚点-->

  64.         <div class="twoMenu fadeInUp wow">

  65.             <div class="menuCon">

  66.                 <div class="conAll">

  67.                     <#list carDetatil as carDetatil>

  68.                     <#if carDetatil.column == 'banner'>

  69. <#--                    || carDetatil.column == 'upTdi'-->

  70. <#--                    || carDetatil.column == 'lsirtpc'-->

  71. <#--                    || carDetatil.column == 'twoTpi'-->

  72.                     <#else>

  73.                         <#if carDetatil.columnName?? && carDetatil.columnName != ''>

  74.                             <#if carDetatil_index == 0>

  75.                                 <div class="li liActive">${carDetatil.columnName}</div>

  76.                             <#else>

  77.                                 <div class="li">${carDetatil.columnName}</div>

  78.                             </#if>

  79.                         </#if>

  80.                     </#if>

  81.                     </#list>

  82.                 </div>

  83.                 <div class="menuJump">CONTACT US</div>

  84.             </div>

  85.         </div>

  86.     <#--    所属菜单-->

  87.     <div class="history fadeInUp wow"><a class="icon_home" href="/"></a> > <a href="/products.html">PRODUCTS</a>

  88.         ><span>${modelName}</span></div>

  89. 

  90.     <#list carDetatil as carDetatil>

  91.     <#--模块二 横向轮播带参数-->

  92.     <#if carDetatil.column == 'hxlb'>

  93.         <div class="carSw hxlb"

  94.             <#if carDetatil.columnName?? && carDetatil.columnName != ''>

  95.                 id="${carDetatil.columnName}"

  96.             </#if>

  97.         >

  98.             <#-- 标题+描述-->

  99.             <div class="titleDiv title_1 fadeInUp wow">

  100.                 <#if carDetatil.dataJsonObj.title??>

  101.                 ${carDetatil.dataJsonObj.title}

  102.                 </#if>

  103.                 <#if carDetatil.dataJsonObj.pText ??>

  104.                     <div class="p title_text">${carDetatil.dataJsonObj.pText}</div>

  105.                 </#if>

  106.             </div>

  107.             <div class="swiper carSwiper fadeInUp wow">

  108.                 <div class="carBgTxt">

  109.                     <#if carDetatil.dataJsonObj.imgPc ??>

  110.                         <img src="${carDetatil.dataJsonObj.imgPc.url}"/>

  111.                     </#if>

  112.                 </div>

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

  114.                     <img src=""/>

  115.                 </div>

  116.                 <div class="carPagination">

  117.                     <div class="carPaginationDiv">

  118.                         <#-- 轮播图-颜色+图-->

  119.                         <#list carDetatil.dataJsonObj.fileListNew as fileListNew>

  120.                             <div class="swiper-pagination-bullet" style="background:${fileListNew.color}"></div>

  121.                         </#list>

  122.                     </div>

  123.                 </div>

  124.             </div>

  125.             <div class="carDetail">

  126.                 <div class="detilL fadeInLeft wow">

  127.                     <#-- 指标-->

  128.                     <#list carDetatil.dataJsonObj.leftInfo as zb>

  129.                         <div>

  130.                             <div class="detilLNum">${zb.title}</div>

  131.                             <div>${zb.value}</div>

  132.                         </div>

  133.                     </#list>

  134.                 </div>

  135.                 <div class="detilR fadeInRight wow">

  136.                     <#--  右下图片-->

  137.                     <#list carDetatil.dataJsonObj.fileListNew as fileListNew>

  138.                         <div class="carZu">

  139.                             <#list fileListNew.imgzu as imgzu>

  140.                                 <div><img data-src="${imgzu.url}"/></div>

  141.                             </#list>

  142.                         </div>

  143.                     </#list>

  144.                 </div>

  145.             </div>

  146.         </div>

  147.     <#elseif carDetatil.column == 'twoTpi'>

  148.     <#--    模块十二 二级标题描述图片 1小图-->

  149.     <div class="txtImg txtImg${carDetatil.dataJsonObj.imgPos} twoTpi"

  150.             <#if carDetatil.columnName?? && carDetatil.columnName != ''>

  151.         id="${carDetatil.columnName}"

  152.             </#if>

  153.     >

  154.         <div class="txtDiv">

  155.             <div class="txtCon fadeIn${(carDetatil.dataJsonObj.imgPos=='R')?string('Right','Left')} wow">

  156.                 <#if carDetatil.dataJsonObj.title??>

  157.                 <div class="titleB title_2">${carDetatil.dataJsonObj.title}</div>

  158.                 </#if>

  159.                 <#list carDetatil.dataJsonObj.pTextList as ms>

  160.                     <div class="p content_text">${ms}</div>

  161.                 </#list>

  162.             </div>

  163.             <div class="imgCon fadeIn${(carDetatil.dataJsonObj.imgPos=='R')?string('Left','Right')} wow">

  164.                 <img src="${carDetatil.dataJsonObj.imgPc.url}"/>

  165.             </div>

  166.         </div>

  167.     </div>

  168.     <#elseif carDetatil.column == 'oneTpsi'>

  169.     <#-- 模块十三 一级标题描述+轮播图片-->

  170.     <div class="txtImg txtImgR gallery oneTpsi"

  171.          <#if carDetatil.columnName?? && carDetatil.columnName != ''>

  172.          id="${carDetatil.columnName}"

  173.          </#if>

  174.     >

  175.         <div class="txtDiv">

  176.             <div class="txtCon fadeInRight wow">

  177.                 <#if carDetatil.dataJsonObj.title??>

  178.                 <div class="title title_1">${carDetatil.dataJsonObj.title}</div>

  179.                 </#if>

  180.                 <#list carDetatil.dataJsonObj.pTextList as pText>

  181.                 <div class="p title_text">${pText}</div>

  182.                 </#list>

  183.             </div>

  184.             <div class="imgCon fadeInLeft wow">

  185.                 <img src="${carDetatil.dataJsonObj.fileList[0].url}"/>

  186.                 <#if carDetatil.dataJsonObj.fileListTxt[0]?? &&

  187.                     carDetatil.dataJsonObj.fileListTxt[0] != ''>

  188.                 <div class="content_text txt swiper-no-swiping">${carDetatil.dataJsonObj.fileListTxt[0]}</div>

  189.                 </#if>

  190.             </div>

  191.         </div>

  192.         <div class="imgDiv fadeInUp wow">

  193.             <div class="swiper imgSwiper">

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

  195.                     <#list carDetatil.dataJsonObj.fileList as tp>

  196.                     <#list carDetatil.dataJsonObj.fileListTxt as ms>

  197.                         <#if tp_index == ms_index && tp_index != 0>

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

  199.                                 <img class="fadeInUp wow" src="${tp.url}"/>

  200.                                 <#if ms ?? && ms != ''>

  201.                                 <div class="content_text txt swiper-no-swiping">${ms}

  202.                                 </div>

  203.                                 </#if>

  204.                             </div>

  205.                         </#if>

  206.                     </#list>

  207.                     </#list>

  208.                 </div>

  209.             </div>

  210.             <div class="swiper-pagination imgPaginationPc"></div>

  211.         </div>

  212.         <div class="imgDivm">

  213.             <div class="swiper imgSwiperm">

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

  215.                     <#list carDetatil.dataJsonObj.fileList as tp>

  216.                         <#list carDetatil.dataJsonObj.fileListTxt as ms>

  217.                             <#if tp_index == ms_index && tp_index != 0>

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

  219.                                     <img src="${tp.url}"/>

  220.                                     <#if ms ??>

  221.                                         <div class="content_text txt">${ms}

  222.                                         </div>

  223.                                     </#if>

  224.                                 </div>

  225.                             </#if>

  226.                         </#list>

  227.                     </#list>

  228.                 </div>

  229.             </div>

  230.             <div class="swiper-pagination imgPagination"></div>

  231.         </div>

  232.     </div>

  233.     <#elseif carDetatil.column == 'utpi'>

  234.     <#-- 模块十一 上标题描述图片 1大图-->

  235.     <div class="imgTxt fadeInUp wow utpi"

  236.         <#if carDetatil.columnName?? && carDetatil.columnName != ''>

  237.             id="${carDetatil.columnName}"

  238.         </#if>

  239.     >

  240.         <#if carDetatil.dataJsonObj.imgOrVideo == 'img'>

  241.             <picture class="lazy">

  242.                 <source data-srcset="${carDetatil.dataJsonObj.imgM.url}" srcset="" media="(max-width: 800px)"/>

  243.                 <img class="fit-image" data-src="${carDetatil.dataJsonObj.imgPc.url}" src=""/>

  244.             </picture>

  245.         <#else>

  246.             <video class="myVideo_" muted="muted" preload="metadata" autoplay="autoplay"

  247.                    loop="loop" webkit-playsinline="webkit-playsinline" playsinline="playsinline"

  248.                    x5-playsinline="true" src=""

  249.                    data-srcPc="${carDetatil.dataJsonObj.imgPc.url}"

  250.                    data-srcM="${carDetatil.dataJsonObj.imgM.url}">

  251.             </video>

  252.         </#if>

  253.         <#if carDetatil.dataJsonObj.titleColor??>

  254.         <div class="titleDiv title_1 ${(carDetatil.dataJsonObj.titleColor=='white')?string('whiteTxt','')}">

  255.         <#else>

  256.         <div class="titleDiv title_1">

  257.         </#if>

  258.             <#if carDetatil.dataJsonObj.title??>

  259.                 ${carDetatil.dataJsonObj.title}

  260.             </#if>

  261.             <#if carDetatil.dataJsonObj.pText??>

  262.                 <div class="p title_text">${carDetatil.dataJsonObj.pText}</div>

  263.             </#if>

  264.         </div>

  265.     </div>

  266.     <#elseif carDetatil.column == 'utidtpci'>

  267.     <#-- 模块八 上大图标题，下若干二级标题，详情标题，详情，图片-->

  268.     <div class="imgTxt fadeInUp wow utidtpci"

  269.         <#if carDetatil.columnName?? && carDetatil.columnName != ''>

  270.             id="${carDetatil.columnName}"

  271.         </#if>

  272.     >

  273.         <#if carDetatil.dataJsonObj.imgOrVideo == 'img'>

  274.             <picture class="lazy">

  275.                 <source data-srcset="${carDetatil.dataJsonObj.imgM.url}" srcset="" media="(max-width: 800px)"/>

  276.                 <img class="fit-image" data-src="${carDetatil.dataJsonObj.imgPc.url}" src=""/>

  277.             </picture>

  278.         <#else>

  279.             <video class="myVideo_" muted="muted" preload="metadata" autoplay="autoplay"

  280.                    loop="loop" webkit-playsinline="webkit-playsinline" playsinline="playsinline"

  281.                    x5-playsinline="true" src=""

  282.                    data-srcPc="${carDetatil.dataJsonObj.imgPc.url}"

  283.                    data-srcM="${carDetatil.dataJsonObj.imgM.url}">

  284.             </video>

  285.         </#if>

  286.         <#if carDetatil.dataJsonObj.titleColor??>

  287.         <div class="titleDiv title_1 ${(carDetatil.dataJsonObj.titleColor=='white')?string('whiteTxt','')}">

  288.         <#else>

  289.         <div class="titleDiv title_1">

  290.         </#if>

  291.         <#if carDetatil.dataJsonObj.title??>

  292.             ${carDetatil.dataJsonObj.title}

  293.         </#if>

  294.         <#if carDetatil.dataJsonObj.pText??>

  295.             <div class="p title_text">${carDetatil.dataJsonObj.pText}</div>

  296.         </#if>

  297.         </div>

  298.     </div>

  299.     <#list carDetatil.dataJsonObj.pTextList4 as tp_ms>

  300.         <#if (tp_ms_index+1)%2 == 1>

  301.         <div class="txtImg txtImgL utidtpci">

  302.             <div class="txtDiv">

  303.                 <div class="txtCon fadeInLeft wow">

  304.                     <#if tp_ms.title??>

  305.                     <div class="titleB title_2">${tp_ms.title}</div>

  306.                     </#if>

  307.                     <#list tp_ms.pText as bt_ms>

  308.                         <#if bt_ms.title?? && bt_ms.title != "">

  309.                             <div class="title title_3">${bt_ms.title}</div>

  310.                         </#if>

  311.                         <#if bt_ms.txt??>

  312.                             <div class="p content_text">${bt_ms.txt}</div>

  313.                         </#if>

  314.                     </#list>

  315.                 </div>

  316.                 <div class="imgCon fadeInRight wow">

  317.                     <img src="${tp_ms.img.url}"/>

  318.                 </div>

  319.             </div>

  320.         </div>

  321.         <#else>

  322.         <div class="txtImg txtImgR utidtpci">

  323.             <div class="txtDiv">

  324.                 <div class="txtCon fadeInRight wow">

  325.                     <#if tp_ms.title??>

  326.                     <div class="titleB title_2">${tp_ms.title}</div>

  327.                     </#if>

  328.                     <#list tp_ms.pText as bt_ms>

  329.                         <#if bt_ms.title?? && bt_ms.title != "">

  330.                         <div class="title title_3">${bt_ms.title}</div>

  331.                         </#if>

  332.                         <#if bt_ms.txt??>

  333.                         <div class="p content_text">${bt_ms.txt}

  334.                         </#if>

  335.                         </div>

  336.                     </#list>

  337.                 </div>

  338.                 <div class="imgCon fadeInLeft wow">

  339.                     <img src="${tp_ms.img.url}"/>

  340.                 </div>

  341.             </div>

  342.         </div>

  343.         </#if>

  344.     </#list>

  345.     <#elseif carDetatil.column == 'lsirtpc'>

  346.     <#-- 模块九 左竖向轮播图，右二级标题，详情标题，详情数组-->

  347.             <div class="txtImg txtImgR lsirtpc"

  348.                 <#if carDetatil.columnName?? && carDetatil.columnName != ''>

  349.                     id="${carDetatil.columnName}"

  350.                 </#if>

  351.             >

  352.                 <div class="txtDiv">

  353.                     <div class="txtCon fadeInRight wow">

  354.                         <#if carDetatil.dataJsonObj.title??>

  355.                         <div class="titleB title_2">${carDetatil.dataJsonObj.title}</div>

  356.                         </#if>

  357.                         <#list carDetatil.dataJsonObj.pTextList2 as bt_ms>

  358.                             <div class="title title_3">${bt_ms[0]}</div>

  359.                             <div class="p content_text">${bt_ms[1]}</div>

  360.                         </#list>

  361.                     </div>

  362.                     <div class="imgCon fadeInLeft wow">

  363.                         <img class="imgHide" src="${carDetatil.dataJsonObj.fileList[0].url}"/>

  364.                         <div class="swiper imgSwiper">

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

  366.                                 <#list carDetatil.dataJsonObj.fileList as lbt>

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

  368.                                         <img src="${lbt.url}"/>

  369.                                     </div>

  370.                                 </#list>

  371.                             </div>

  372.                             <div class="swiper-pagination imgPagination"></div>

  373.                         </div>

  374.                     </div>

  375.                 </div>

  376.             </div>

  377.     <#elseif carDetatil.column == 'uidi'>

  378.     <#-- 模块十 上2图,下2图 若干大图-->

  379.             <div class="carFourImg uidi"

  380.                 <#if carDetatil.columnName?? && carDetatil.columnName != ''>

  381.                     id="${carDetatil.columnName}"

  382.                 </#if>

  383.             >

  384.                 <div class="titleDiv title_1 fadeInUp wow">${carDetatil.dataJsonObj.title}</div>

  385.                 <div class="img">

  386.                     <div class="imgDiv minImg imgL fadeInLeft wow">

  387.                             <img src="${carDetatil.dataJsonObj.fileList[0].url}"/></div>

  388.                     <div class="imgDiv maxImg imgR fadeInRight wow">

  389.                             <img src="${carDetatil.dataJsonObj.fileList[1].url}"/></div>

  390.                     <div class="imgDiv maxImg imgL fadeInLeft wow">

  391.                             <img src="${carDetatil.dataJsonObj.fileList[2].url}"/></div>

  392.                     <div class="imgDiv minImg imgR fadeInRight wow">

  393.                             <img src="${carDetatil.dataJsonObj.fileList[3].url}"/></div>

  394.                     <div class="clear"></div>

  395.                 </div>

  396.             </div>

  397.     <#elseif carDetatil.column == 'ltriTit'>

  398.     <#-- 模块三 左标题描述配置，右图-->

  399.             <div class="txtImg txtImgL ltriTit"

  400.                 <#if carDetatil.columnName?? && carDetatil.columnName != ''>

  401.                     id="${carDetatil.columnName}"

  402.                 </#if>

  403.             >

  404.                 <div class="txtDiv">

  405.                     <div class="txtCon fadeInLeft wow">

  406.                         <#--  左标题+描述-->

  407.                         <#if carDetatil.dataJsonObj.title??>

  408.                         <div class="titleDiv title_1">${carDetatil.dataJsonObj.title}</div>

  409.                         </#if>

  410.                         <#if carDetatil.dataJsonObj.pTextList??>

  411.                             <#list carDetatil.dataJsonObj.pTextList as pText>

  412.                                 <div class="p title_text">${pText}</div>

  413.                             </#list>

  414.                         </#if>

  415.                         <#--  左配置-->

  416.                         <div class="titCon">

  417. <#--                            <#list carDetatil.dataJsonObj.leftInfo3 as pz>-->

  418.                                 <div class="conLine">

  419.                                     <div class="num">${carDetatil.dataJsonObj.leftInfo3[0].title}

  420.                                         <span>${carDetatil.dataJsonObj.leftInfo3[0].dw}</span></div>

  421.                                     <div>${carDetatil.dataJsonObj.leftInfo3[0].value}</div>

  422.                                 </div>

  423.                                 <div>

  424.                                     <div class="divRig">

  425.                                         <div class="num">${carDetatil.dataJsonObj.leftInfo3[1].title}

  426.                                             <span>${carDetatil.dataJsonObj.leftInfo3[1].dw}</span></div>

  427.                                         <div>${carDetatil.dataJsonObj.leftInfo3[1].value}</div>

  428.                                     </div>

  429.                                 </div>

  430. <#--                            </#list>-->

  431.                         </div>

  432.                     </div>

  433.                     <#--  右图-->

  434.                     <div class="imgCon fadeInRight wow">

  435.                         <img src="${carDetatil.dataJsonObj.imgPc.url}"/>

  436.                     </div>

  437.                 </div>

  438.             </div>

  439.     <#elseif carDetatil.column == 'uitplsirtp'>

  440.     <#--模块四 上图标题描述，下左轮播4图右标题描述-->

  441.             <div class="imgTxt fadeInUp wow uitplsirtp"

  442.                 <#if carDetatil.columnName?? && carDetatil.columnName != ''>

  443.                     id="${carDetatil.columnName}"

  444.                 </#if>

  445.             >

  446.                 <#-- 大图+标题+描述-->

  447.                 <#if carDetatil.dataJsonObj.imgOrVideo == 'img'>

  448.                 <picture class="lazy">

  449.                     <source data-srcset="${carDetatil.dataJsonObj.imgPc.url}" srcset="" media="(max-width: 800px)"/>

  450.                     <img class="fit-image" data-src="${carDetatil.dataJsonObj.imgPc.url}" src=""/>

  451.                 </picture>

  452.                 <#else>

  453.                 <video class="myVideo_" muted="muted" preload="metadata" autoplay="autoplay"

  454.                        loop="loop" webkit-playsinline="webkit-playsinline" playsinline="playsinline"

  455.                        x5-playsinline="true" src=""

  456.                        data-srcPc="${carDetatil.dataJsonObj.imgPc.url}"

  457.                        data-srcM="${carDetatil.dataJsonObj.imgM.url}">

  458.                 </video>

  459.                 </#if>

  460.                 <#if carDetatil.dataJsonObj.titleColor??>

  461.                 <div class="titleDiv title_1 ${(carDetatil.dataJsonObj.titleColor=='white')?string('whiteTxt','')}">

  462.                 <#else>

  463.                 <div class="titleDiv title_1">

  464.                 </#if>

  465.                     <#if carDetatil.dataJsonObj.title??>

  466.                         ${carDetatil.dataJsonObj.title}

  467.                     </#if>

  468.                     <#if carDetatil.dataJsonObj.pText??>

  469.                     <div class="p title_text">${carDetatil.dataJsonObj.pText}</div>

  470.                     </#if>

  471.                 </div>

  472.             </div>

  473.             <div class="txtImg txtImgR uitplsirtp">

  474.                 <div class="txtDiv">

  475.                     <div class="txtCon fadeInRight wow">

  476.                         <#if carDetatil.dataJsonObj.title2??>

  477.                             <div class="titleB title_2">${carDetatil.dataJsonObj.title2}</div>

  478.                         </#if>

  479.                         <#list carDetatil.dataJsonObj.pTextList as pText2>

  480.                             <div class="p content_text">${pText2}</div>

  481.                         </#list>

  482.                     </div>

  483.                     <div class="imgCon fadeInLeft wow">

  484.                         <img src="/static/images/products/detail/truckCarTit2_1.jpg"/>

  485.                         <div class="myImgSwiper">

  486.                             <div class="swiper imgSwiper imgSwiperPc imgSwiper1">

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

  488.                                     <#list carDetatil.dataJsonObj.fileList as lb>

  489.                                     <#-- 第一个-->

  490.                                         <#if (lb_index+1)%4 == 1>

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

  492.                                             <img src="${lb.url}"/>

  493.                                         <#else>

  494.                                             <img src="${lb.url}"/>

  495.                                         </#if>

  496.                                     <#-- 第四个或没有下一个了-->

  497.                                         <#if (lb_index+1)%4 == 0 || !lb_has_next>

  498.                                             </div>

  499.                                         </#if>

  500.                                     </#list >

  501.                                 </div>

  502.                             </div>

  503.                             <div class="swiper imgSwiper imgSwiperm imgSwiper1m">

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

  505.                                     <#list carDetatil.dataJsonObj.fileList as lb>

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

  507.                                             <img src="${lb.url}"/>

  508.                                         </div>

  509.                                     </#list>

  510.                                 </div>

  511.                             </div>

  512.                             <div class="swiper-pagination imgPagination imgPagination1"></div>

  513.                         </div>

  514.                     </div>

  515.                 </div>

  516.             </div>

  517.     <#elseif carDetatil.column == 'utpdirpdltpri'>

  518.     <#-- 模块五 上标题描述，中图片右描述，下左二级标题描述右图片-->

  519.             <div class="safer utpdirpdltpri"

  520.                 <#if carDetatil.columnName?? && carDetatil.columnName != ''>

  521.                     id="${carDetatil.columnName}"

  522.                 </#if>

  523.             >

  524.                 <#-- 上标题+描述-->

  525.                 <div class="titleDiv title_1 fadeInUp wow">

  526.                     <#if carDetatil.dataJsonObj.title??>

  527.                     ${carDetatil.dataJsonObj.title}

  528.                     </#if>

  529.                     <#if carDetatil.dataJsonObj.pText??>

  530.                         <div class="p title_text">${carDetatil.dataJsonObj.pText}</div>

  531.                     </#if>

  532.                 </div>

  533.                 <#-- 中图片+描述-->

  534.                 <div class="imgAllRtxt fadeInUp wow">

  535.                     <#if carDetatil.dataJsonObj.imgOrVideo == 'img'>

  536.                         <img src="${carDetatil.dataJsonObj.imgPc.url}"/>

  537.                     <#else>

  538.                         <video class="myVideo_" muted="muted" preload="metadata" autoplay="autoplay"

  539.                                loop="loop" webkit-playsinline="webkit-playsinline" playsinline="playsinline"

  540.                                x5-playsinline="true" src=""

  541.                                data-srcPc="${carDetatil.dataJsonObj.imgPc.url}"

  542.                                data-srcM="${carDetatil.dataJsonObj.imgPc.url}">

  543.                         </video>

  544.                     </#if>

  545.                     <div class="rTxt fadeInRight wow" data-wow-delay="0.3s">

  546.                         <#list carDetatil.dataJsonObj.pTextList2 as pTextList2>

  547.                             <div>

  548.                             <div class="title title_2">${pTextList2[0]}</div>

  549.                             <div class="p content_text">${pTextList2[1]}</div>

  550.                             </div>

  551.                         </#list>

  552.                     </div>

  553.                 </div>

  554.             </div>

  555.             <#-- 下左二级标题描述右图片-->

  556.             <div class="txtImg txtImgL utpdirpdltpri">

  557.                 <div class="txtDiv">

  558.                     <div class="txtCon fadeInLeft wow">

  559.                         <#if carDetatil.dataJsonObj.title2??>

  560.                         <div class="titleB title_2">${carDetatil.dataJsonObj.title2}</div>

  561.                         </#if>

  562.                         <#list carDetatil.dataJsonObj.pTextList as pText>

  563.                             <div class="p p0 content_text">${pText}</div>

  564.                         </#list>

  565.                     </div>

  566.                     <div class="imgCon fadeInRight wow">

  567.                         <img src="${carDetatil.dataJsonObj.imgM.url}"/>

  568.                     </div>

  569.                 </div>

  570.             </div>

  571.     <#elseif carDetatil.column == 'uitplsiritp'>

  572.     <#-- 模块六 上图标题描述，下左轮播4图右图标题描述数组-->

  573.             <div class="imgTxt fadeInUp wow uitplsiritp"

  574.                 <#if carDetatil.columnName?? && carDetatil.columnName != ''>

  575.                     id="${carDetatil.columnName}"

  576.                 </#if>

  577.             class="powerId">

  578.                 <#if carDetatil.dataJsonObj.imgOrVideo == 'img'>

  579.                     <picture class="lazy">

  580.                         <source data-srcset="${carDetatil.dataJsonObj.imgPc.url}" srcset="" media="(max-width: 800px)"/>

  581.                         <img class="fit-image" data-src="${carDetatil.dataJsonObj.imgPc.url}" src=""/>

  582.                     </picture>

  583.                 <#else>

  584.                     <video class="myVideo_" muted="muted" preload="metadata" autoplay="autoplay"

  585.                            loop="loop" webkit-playsinline="webkit-playsinline" playsinline="playsinline"

  586.                            x5-playsinline="true" src=""

  587.                            data-srcPc="${carDetatil.dataJsonObj.imgPc.url}"

  588.                            data-srcM="${carDetatil.dataJsonObj.imgPc.url}">

  589.                     </video>

  590.                 </#if>

  591.                 <#if carDetatil.dataJsonObj.titleColor??>

  592.                 <div class="titleDiv title_1 ${(carDetatil.dataJsonObj.titleColor=='white')?string('whiteTxt','')}">

  593.                     <#else>

  594.                     <div class="titleDiv title_1">

  595.                         </#if>

  596.                         <#if carDetatil.dataJsonObj.title??>

  597.                             ${carDetatil.dataJsonObj.title}

  598.                         </#if>

  599.                         <#if carDetatil.dataJsonObj.pText??>

  600.                             <div class="p title_text">${carDetatil.dataJsonObj.pText}</div>

  601.                         </#if>

  602.                     </div>

  603.             </div>

  604.             <div class="txtImg txtImgR uitplsiritp power">

  605.                 <div class="txtDiv">

  606.                     <div class="txtCon">

  607.                         <#list carDetatil.dataJsonObj.pTextList3 as tb>

  608.                             <div class="conIco fadeInUp wow" data-wow-delay="0s">

  609.                                 <div class="iconImg">

  610.                                     <#if tb.icon.url??>

  611.                                         <img src="${tb.icon.url}"/>

  612.                                     </#if>

  613.                                 </div>

  614.                                 <#if tb.title??>

  615.                                 <div class="iconTitle">${tb.title}</div>

  616.                                 </#if>

  617.                                 <#if tb.pText??>

  618.                                 <div class="iconP">${tb.pText}</div>

  619.                                 </#if>

  620.                             </div>

  621.                         </#list>

  622.                     </div>

  623.                     <div class="imgCon fadeInLeft wow">

  624.                         <img src="/static/images/products/detail/truckCarTit4_1.jpg"/>

  625.                         <div class="myImgSwiper">

  626.                             <div class="swiper imgSwiper imgSwiperPc imgSwiper2">

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

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

  629.                                         <#list carDetatil.dataJsonObj.fileList as tp>

  630.                                             <img src="${tp.url}"/>

  631.                                         </#list>

  632.                                     </div>

  633.                                 </div>

  634.                             </div>

  635.                             <div class="swiper imgSwiper imgSwiperm imgSwiper2m">

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

  637.                                     <#list carDetatil.dataJsonObj.fileList as tp>

  638.                                         <#if tp_index != 3>

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

  640.                                             <img src="${tp.url}"/>

  641.                                         </div>

  642.                                         </#if>

  643.                                     </#list>

  644.                                 </div>

  645.                             </div>

  646.                             <div class="swiper-pagination imgPagination imgPagination2"></div>

  647.                         </div>

  648.                     </div>

  649.                     <#if carDetatil.dataJsonObj.fileList[3] ??>

  650.                         <div class="imgMshow">

  651.                             <img src="${carDetatil.dataJsonObj.fileList[3].url}"/>

  652.                         </div>

  653.                     </#if>

  654.                 </div>

  655.             </div>

  656.     <#elseif carDetatil.column == 'upTdi'>

  657.     <#-- 模块七 车型参数-->

  658.             <div class="carFoot upTdi"

  659.                 <#if carDetatil.columnName?? && carDetatil.columnName != ''>

  660.                     id="${carDetatil.columnName}"

  661.                 </#if>

  662.             >

  663.                 <div class="titleDiv title_1 fadeInUp wow">${carDetatil.dataJsonObj.title}</div>

  664.                 <div class="carFootCon">

  665.                     <div class="footConBg fadeInUp wow"></div>

  666.                     <div class="carCon">

  667.                         <div class="carConImg fadeInUp wow">

  668.                             <picture class="lazy">

  669.                                 <source data-srcset="${carDetatil.dataJsonObj.imgM.url!""}" srcset=""

  670.                                         media="(max-width: 800px)"/>

  671.                                 <img class="fit-image" data-src="${carDetatil.dataJsonObj.imgPc.url!""}" src=""/>

  672.                             </picture>

  673.                         </div>

  674. <#--                        <#if carDetatil.exlId??>-->

  675.                         <div class="carAllShow fadeInUp wow" data-wow-delay="0.4s" data-url="./configuration${carDetatil.uuid}.html">ALL CONFIGURATION</div>

  676. <#--                        </#if>-->

  677.                     </div>

  678.                 </div>

  679.             </div>

  680.     </#if>

  681.     </#list>

  682.     </div>

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

  684.                 <div class="zhezhao">

  685.                     <div class="img">

  686.                         <img class="imgSrc" src="" />

  687.                         <div class="closeZ">X</div>

  688.                     </div>

  689.                 </div>

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

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

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

  693.     <script defer="defer" src="/productsDetailTruckNew/index.js"></script>

  694. </body>

  695. </html>