<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <link rel="stylesheet" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css" /> <link rel="stylesheet" href="__TMPL__/public/assets/css/base.css" /> <link rel="stylesheet" href="__TMPL__/public/assets/css/index.css" /> <script src="__TMPL__/public/assets/js/base.js"></script> <title>星探推荐</title> <style> .thirteenth_log_top { height: 2.46rem; } </style> </head> <body> <include file="public@header"/> <!-- banner --> <div class="first_top"> <div class="first_top_img"> <volist name="coverImg" id="vo"> <img src="{:cmf_get_image_url($vo.image)}" alt=""> </volist> </div> <div class="first_top_title"> STAR RECOMMENDATION </div> </div> <!-- 星际活动 --> <div class="first_scene"> <div class="first_scene_contant" id="travel"> <div class="first_scene_img"> <div class="first_scene_top_img"> <img src="__TMPL__/public/assets/images/cicon_59@2x.png" alt="" /> </div> <div class="first_scene_top_ch">旅行<span>路线</span></div> <div class="first_scene_top_en"> Travel Product </div> </div> </div> </div> <div class="gallery " id="thirteenth_logs"> <!-- 图片 --> <div class="star_gall_img swiper-container1"> <!-- 轮播图 --> <ul class="swiper-wrapper"> <volist name="res_lylx" id="vo"> <li class="swiper-slide"> <div class="thirteenth_log"> <a href="/portal/scout/getTravelDetail?id={$vo.id}"> <div class="thirteenth_log_top"> <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" /> </div> <div class="thirteenth_log_bottom"> {$vo.post_title} </div> </a> </div> </li> </volist> </ul> </div> </div> <!-- 地道风物 --> <div class="first_scene"> <div class="first_scene_contant" id="scenery"> <div class="first_scene_img"> <div class="first_scene_top_img"> <img src="__TMPL__/public/assets/images/cicon_60@2x.png" alt="" /> </div> <div class="first_scene_top_ch">地道<span>风物</span></div> <div class="first_scene_top_en"> Local Specialty </div> </div> </div> </div> <div class="gallery " id="thirteenth_logs_one"> <!-- 图片 --> <div class="star_gall_img swiper-container2"> <!-- 轮播图 --> <ul class="swiper-wrapper"> <volist name="res_ddfw" id="vo"> <li class="swiper-slide"> <div class="thirteenth_log_one"> <a href="/portal/scout/getSceneryDetail?id={$vo.id}"> <div class="thirteenth_log_top_one"> <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" /> </div> <div class="thirteenth_log_center_one txt-cut" style="-webkit-line-clamp: 2;"> {$vo.post_title} </div> <div class="thirteenth_log_bottom_one"> ¥{$vo.price} </div> </a> </div> </li> </volist> </ul> </div> </div> <!-- 创意设计 --> <div class="first_scene"> <div class="first_scene_contant" id="design"> <div class="first_scene_img"> <div class="first_scene_top_img"> <img src="__TMPL__/public/assets/images/cicon_61@2x.png" alt="" /> </div> <div class="first_scene_top_ch">旅游<span>地产</span></div> <div class="first_scene_top_en"> Innovation </div> </div> </div> </div> <div class="gallery " id="thirteenth_logs_one"> <!-- 图片 --> <div class="star_gall_img swiper-container3"> <!-- 轮播图 --> <ul class="swiper-wrapper"> <volist name="res_cysj" id="vo"> <li class="swiper-slide"> <div class="thirteenth_log_one"> <a href="/portal/scout/getSceneryDetail?id={$vo.id}"> <div class="thirteenth_log_top_one"> <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" /> </div> <div class="thirteenth_log_center_one txt-cut" style="-webkit-line-clamp: 2;"> {$vo.post_title} </div> <div class="thirteenth_log_bottom_one"> ¥{$vo.price} </div> </a> </div> </li> </volist> </ul> </div> </div> <!-- 悦己悦人 --> <div class="first_scene"> <div class="first_scene_contant" id="like"> <div class="first_scene_img"> <div class="first_scene_top_img"> <img src="__TMPL__/public/assets/images/cicon_62@2x.png" alt="" /> </div> <div class="first_scene_top_ch">海外<span>教育</span></div> <div class="first_scene_top_en"> Lifestyle </div> </div> </div> </div> <div class="gallery " id="thirteenth_logs_one"> <!-- 图片 --> <div class="star_gall_img swiper-container4"> <!-- 轮播图 --> <ul class="swiper-wrapper"> <volist name="res_yjyr" id="vo"> <li class="swiper-slide"> <div class="thirteenth_log_one"> <a href="/portal/scout/getSceneryDetail?id={$vo.id}"> <div class="thirteenth_log_top_one"> <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" /> </div> <div class="thirteenth_log_center_one txt-cut" style="-webkit-line-clamp: 2;"> {$vo.post_title} </div> <div class="thirteenth_log_bottom_one"> ¥{$vo.price} </div> </a> </div> </li> </volist> </ul> </div> </div> <include file="public@footer"/> </body> <script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script> <script src="__TMPL__/public/assets/js/swiper.min.js"></script> <script src="__TMPL__/public/assets/js/public.js"></script> <script> // swiper // 旅游路线 var swiper = new Swiper(".swiper-container1", { slidesPerView: 1.6, paginationClickable: true, spaceBetween: 10, freeMode: true }); // 地道风物 var swiper = new Swiper(".swiper-container2", { slidesPerView: 2.4, paginationClickable: true, spaceBetween: 10, freeMode: true }); // 创意设计 var swiper = new Swiper(".swiper-container3", { slidesPerView: 2.4, paginationClickable: true, spaceBetween: 10, freeMode: true }); // 悦己悦人 var swiper = new Swiper(".swiper-container4", { slidesPerView: 2.4, paginationClickable: true, spaceBetween: 10, freeMode: true }); </script> </html>