景龙 / xingqiu · 提交

转到一个项目

作者 景龙
提交 4487294384579d61a1f40f43515f799965f95960 1 个父辈 5f21b0e0
1 个管道 的构建 通过 耗费 8 秒

渲染移动端主要首页页面

内嵌 并排对比
正在显示 24 个修改的文件 包含 2699 行增加 和 868 行删除

要显示太多修改。
重新载入完整差异 差异文件 邮件补丁

为保证性能只显示 24 of 24+ 个文件。

... ... @@ -110,14 +110,14 @@
</div>
<div class="Spot_name fl">
<div class="Spot_name_left fl">
创意
旅游
</div>
<div class="Spot_name_right fl">
设计
地产
</div>
</div>
<div class="Spot_English_name fl">
<p>Innovation</p>
<p>Overseas Investment</p>
</div>
</div>
... ... @@ -153,14 +153,14 @@
</div>
<div class="Spot_name fl">
<div class="Spot_name_left fl">
悦己
海外
</div>
<div class="Spot_name_right fl">
悦人
教育
</div>
</div>
<div class="Spot_English_name fl">
<p>Lifestyle</p>
<p>Overseas Education</p>
</div>
</div>
<div class="Lifestyle_main">
... ...
... ... @@ -74,8 +74,26 @@ body {
.clearfix {
zoom: 1;
}
@media (max-width: 1700px) {
.show_InMain{
background-position: -84px 0;
}
}
@media (max-width: 1580px) {
.show_InMain{
background-position: -120px 40px;
}
}
@media (max-width: 1480px) {
.show_InMain{
background-position: -190px 40px;
}
}
@media (max-width: 1360px) {
.show_InMain{
background-position: -250px 40px;
}
}
/* 侧边栏 */
.sidebar {
... ...
<!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" />
<title>星际活动</title>
</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">
Planet Activity
</div>
</div>
<!-- 星际活动 -->
<div class="first_scene">
<div class="first_scene_contant">
<div class="first_scene_img">
<div class="first_scene_top_img">
<img src="__TMPL__/public/assets/images/cicon_40@2x.png" alt="" />
</div>
<div class="first_scene_top_ch">星际<span>活动</span></div>
<div class="first_scene_top_en">
Planet Activity
</div>
</div>
</div>
<!-- 活动列表 -->
<div class="index_twelfth">
<volist name="res['data']" id="vo">
<div class="index_twelfth_contant">
<div class="index_twelfth_contant_img">
<img src="/portal/active/getActiveDetail?id={$vo.id}" alt="" />
</div>
<div class="index_twelfth_contant_title one-txt-cut">
{$vo.post_title}
</div>
</div>
</volist>
</div>
<!--分页-->
<div class="pagination">
{$page|default=''}
</div>
</div>
<include file="public@footer"/>
</body>
<script src="__TMPL__/public/assets/js/base.js"></script>
<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></script>
</html>
\ No newline at end of file
... ...
<!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>
</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 Experience
</div>
</div>
<!-- 搜索栏 -->
<div class="first_search">
<div class="first_search_left">
<div class="first_search_left_img">
<img src="__TMPL__/public/assets/images/cicon_06@2x.png" alt="" />
</div>
<div class="first_search_left_word">
澳大利亚
</div>
</div>
<div class="first_search_right">
<div class="first_search_right_img">
<img src="__TMPL__/public/assets/images/cicon_49@2x.png" alt="" />
</div>
</div>
</div>
<!-- 亲临现场 -->
<div class="first_scene">
<div class="first_scene_contant">
<div class="first_scene_img">
<div class="first_scene_top_img">
<img src="__TMPL__/public/assets/images/cicon_50@2x.png" alt="" />
</div>
<div class="first_scene_top_ch">亲临<span>现场</span>
</div>
<div class="first_scene_top_en">
On Spot
</div>
</div>
</div>
<!-- 亲临现场 -->
<div class="first_gallery">
<!-- 图片 -->
<div class="star_gall_img swiper-container">
<!-- 轮播图 -->
<ul class="swiper-wrapper">
<volist name="res_qlxc" id="vo">
<li class="swiper-slide">
<div class="first_galley_contant">
<a href="/portal/enjoy/getEnjoyDetail?id={$vo.id}">
<div class="first_galley_contant_img">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</div>
<div class="first_galley_contant_title">
<div class="first_galley_contant_title_top">
{$vo.post_title}
</div>
<div class="first_galley_contant_title_bottom txt-cut" style="-webkit-line-clamp: 2;">
{$vo.post_excerpt}
</div>
</div>
</a>
</div>
</li>
</volist>
</ul>
</div>
</div>
</div>
<!-- 市井漫游 -->
<div class="first_scene">
<div class="first_scene_contant">
<div class="first_scene_img">
<div class="first_scene_top_img">
<img src="__TMPL__/public/assets/images/cicon_51@2x.png" alt="" />
</div>
<div class="first_scene_top_ch">市井<span>漫游</span>
</div>
<div class="first_scene_top_en">
Local Walker
</div>
</div>
</div>
<!-- 市井漫游 -->
<div class="first_gallery first_town">
<!-- 图片 -->
<div class="star_gall_img swiper-container">
<!-- 轮播图 -->
<ul class="swiper-wrapper">
<volist name="res_sjmy" id="vo">
<li class="swiper-slide">
<div class="first_galley_contant">
<a href="/portal/enjoy/getEnjoyDetail?id={$vo.id}">
<div class="first_galley_contant_img">
<img src="{:cmf_get_image_url($vo.index_thumbnail2)}" alt="" />
</div>
<div class="first_galley_contant_title">
<div class="first_galley_contant_title_top">
{$vo.post_title}
</div>
<div class="first_galley_contant_title_bottom txt-cut" style="-webkit-line-clamp: 2;">
{$vo.post_excerpt}
</div>
</div>
</a>
</div>
</li>
</volist>
</ul>
</div>
</div>
</div>
<!-- 视听盛宴 -->
<div class="first_scene">
<div class="first_scene_contant">
<div class="first_scene_img">
<div class="first_scene_top_img">
<img src="__TMPL__/public/assets/images/cicon_52@2x.png" alt="" />
</div>
<div class="first_scene_top_ch">视听<span>盛宴</span>
</div>
<div class="first_scene_top_en">
Sense Feast
</div>
</div>
</div>
<!-- 视听盛宴 -->
<div class="first_gallery">
<!-- 图片 -->
<div class="star_gall_img swiper-container">
<!-- 轮播图 -->
<ul class="swiper-wrapper">
<volist name="res_stsy" id="vo">
<li class="swiper-slide">
<div class="first_galley_contant">
<a href="/portal/enjoy/getEnjoyDetail?id={$vo.id}">
<div class="first_galley_contant_img">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</div>
<div class="first_galley_contant_title">
<div class="first_galley_contant_title_top">
{$vo.post_title}
</div>
<div class="first_galley_contant_title_bottom txt-cut" style="-webkit-line-clamp: 2;">
{$vo.post_excerpt}
</div>
</div>
</a>
</div>
</li>
</volist>
</ul>
</div>
</div>
</div>
<!-- 户外天堂 -->
<div class="first_scene">
<div class="first_scene_contant">
<div class="first_scene_img">
<div class="first_scene_top_img">
<img src="__TMPL__/public/assets/images/cicon_53@2x.png" alt="" />
</div>
<div class="first_scene_top_ch">户外<span>天堂</span>
</div>
<div class="first_scene_top_en">
Outdoor & Sport
</div>
</div>
</div>
<!-- 户外天堂 -->
<div class="first_gallery">
<!-- 图片 -->
<div class="star_gall_img swiper-container">
<!-- 轮播图 -->
<ul class="swiper-wrapper">
<volist name="res_hwtt" id="vo">
<li class="swiper-slide">
<div class="first_galley_contant">
<a href="/portal/enjoy/getEnjoyDetail?id={$vo.id}">
<div class="first_galley_contant_img">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</div>
<div class="first_galley_contant_title">
<div class="first_galley_contant_title_top">
{$vo.post_title}
</div>
<div class="first_galley_contant_title_bottom">
{$vo.post_excerpt}
</div>
</div>
</a>
</div>
</li>
</volist>
</ul>
</div>
</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>
// 星域秀场视频
var video = document.getElementById("video");
function bofang() {
video.play();
$("#video").attr("controls", "controls");
$(".video_start").hide();
}
// swiper
var swiper = new Swiper(".swiper-container", {
slidesPerView: 1.4,
paginationClickable: true,
spaceBetween: 10,
freeMode: true
});
</script>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>轮播图</title>
<!--<meta name="viewport" content="width=device-width, initial-scale=1" />-->
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/common.css">
<link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1043230_jxegrvbhrr.css">
<link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/banner.css">
<link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css">
<script src="__TMPL__/public/assets/js/base.js"></script>
<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" type="text/css" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css" />
<link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/base.css" />
<link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/index.css" />
<title>首页</title>
<style>
.banner{
width: 7.5rem;
height: 100%;
position: relative;
.video_bg {
width: 100%;
height: 3.86rem;
background-color: black;
}
.banner_pic{
width: 7.5rem;
height:100%;
display: flex;
.video_bg {
position: relative;
}
.banner_pic img{
.fm_IMG {
position: absolute;
width: 100%;
height: 100%
height: 100%;
top: 0;
left: 0;
}
.swiper-pagination-bullet{
background-color: #7ECEF4;
.fm_IMG img {
width: 100%;
height: 100%;
}
.swiper-pagination-bullet-active{
background-color: #ffffff;
.indeX_Hl ul li {
height: 3.88rem
}
/*按钮之间的间隔*/
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
margin: 0 0.6rem;
.indeX_Hl img {
height: 100%;
}
</style>
</head>
<body>
<div class="banner">
<!-- Swiper -->
<div class="swiper-container">
<body>
<!-- 顶部导航 -->
<include file="public@header"/>
<div class="top">
<div class="top_img swiper-container4">
<div class="swiper-wrapper">
<div class="swiper-slide banner_pic">
<img src="__TMPL__/public/assets/images/banner.png">
<div class="btn_button">点击进入 天津汽车零部件展网站>></div>
<volist name="coverImg" id="vo">
<img class="swiper-slide" src="{:cmf_get_image_url($vo.image)}" alt="" />
</volist>
</div>
<div class="swiper-slide banner_pic">
<img src="__TMPL__/public/assets/images/banner.png">
<div class="btn_button">点击进入 工业装配及自动化展网站>></div>
</div>
<div class="swiper-slide banner_pic">
<img src="__TMPL__/public/assets/images/banner.png">
<div class="btn_button">点击进入 天津汽车零部件展网站>></div>
<div class="top_earth">
<div class="top_circle">
<img src="__TMPL__/public/assets/images/cicon_04@2x.png" alt="" />
</div>
<div class="top_state" style="top:0.8rem;" id="star">
<div class="top_state_title">
<div class="top_state_ch">星球<span>奇境</span>
</div>
<div class="top_state_en">Planet Discovery</div>
</div>
</div>
<div class="top_state_address">
<div class="state_north_ame statr_one">
<div class="state_img">
<img src="__TMPL__/public/assets/images/cicon_05@2x.png" alt="" />
</div>
<div class="state_state_name">
<span>北美洲</span>
<ul class="star_happy_box">
<notempty name="res_city.5.name">
<volist name="res_city.5.name" id="vo">
<li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
</volist>
</notempty>
</ul>
</div>
</div>
<div class="state_north_ame statr_two">
<div class="state_img">
<img src="__TMPL__/public/assets/images/cicon_05@2x.png" alt="" />
</div>
<div class="state_state_name">
<span>欧洲</span>
<ul class="star_happy_box">
<notempty name="res_city.2.name">
<volist name="res_city.2.name" id="vo">
<li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
</volist>
</notempty>
</ul>
</div>
</div>
<div class="state_north_ame statr_three">
<div class="state_img">
<img src="__TMPL__/public/assets/images/cicon_05@2x.png" alt="" />
</div>
<div class="state_state_name">
<span>亚洲</span>
<ul class="star_happy_box">
<notempty name="res_city.1.name">
<volist name="res_city.1.name" id="vo">
<li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
</volist>
</notempty>
</ul>
</div>
</div>
<div class="state_north_ame statr_four">
<div class="state_img">
<img src="__TMPL__/public/assets/images/cicon_05@2x.png" alt="" />
</div>
<div class="state_state_name">
<span>拉丁美洲</span>
<ul class="star_happy_box">
<notempty name="res_city.6.name">
<volist name="res_city.6.name" id="vo">
<li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
</volist>
</notempty>
</ul>
</div>
</div>
<div class="state_north_ame statr_five">
<div class="state_img">
<img src="__TMPL__/public/assets/images/cicon_05@2x.png" alt="" />
</div>
<div class="state_state_name">
<span>非洲</span>
<ul class="star_happy_box">
<notempty name="res_city.3.name">
<volist name="res_city.3.name" id="vo">
<li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
</volist>
</notempty>
</ul>
</div>
</div>
<div class="state_north_ame statr_six">
<div class="state_img">
<img src="__TMPL__/public/assets/images/cicon_05@2x.png" alt="" />
</div>
<div class="state_state_name">
<span>大洋洲</span>
<ul class="star_happy_box">
<notempty name="res_city.4.name">
<volist name="res_city.4.name" id="vo">
<li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
</volist>
</notempty>
</ul>
</div>
</div>
<div class="state_north_ame statr_seven">
<div class="state_img">
<img src="__TMPL__/public/assets/images/cicon_05@2x.png" alt="" />
</div>
<div class="state_state_name">
<span>南极洲</span>
<ul class="star_happy_box">
<notempty name="res_city.20.name">
<volist name="res_city.20.name" id="vo">
<li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
</volist>
</notempty>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- 星享体验 -->
<div class="center">
<div class="center_title">
<div class="top_state_ch">星享<span>体验</span></div>
<div class="top_state_en">
Star Experience
</div>
</div>
<div class="center_card">
<!-- 1月 -->
<div class="center_card_bg">
<!-- 翻转前 -->
<div class="center_card_bg2 center_card_Img1 hovers">
<div class="center_card_two_contant">
<div class="center_card_two_top center_color">1</div>
<div class="center_card_two_bottom center_color">January</div>
</div>
</div>
<!-- 翻转后 -->
<div class=" reverse hovers">
<div class="center_card_img">
<img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />
</div>
<div class="center_card_month">
<!--<div class="center_card_one">January <span>1</span></div>-->
<div class="center_card_cantant">
<div class="center_card_catant_one">慕尼黑啤酒节</div>
<div class="center_card_catant_two">日本札幌冰雪</div>
</div>
</div>
</div>
</div>
<!-- 二月 -->
<div class="center_card_bg">
<!-- 翻转前 -->
<div class="center_card_bg2 center_card_two2 hovers">
<div class="center_card_two_contant">
<div class="center_card_two_top">2</div>
<div class="center_card_two_bottom">February</div>
</div>
</div>
<!-- 翻转后 -->
<div class=" reverse hovers">
<div class="center_card_img">
<img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />
</div>
<div class="center_card_month">
<div class="center_card_one">February <span>2</span></div>
<div class="center_card_cantant">
<div class="center_card_catant_one">
慕尼黑啤酒节
</div>
<div class="center_card_catant_two">
日本札幌冰雪
</div>
</div>
</div>
</div>
</div>
<!-- 三月 -->
<div class="center_card_bg">
<!-- 翻转前 -->
<div class="center_card_bg2 center_card_Img2 hovers">
<div class="center_card_two_contant">
<div class="center_card_two_top center_color">3</div>
<div class="center_card_two_bottom center_color">March</div>
</div>
</div>
<!-- 翻转后 -->
<div class=" reverse hovers">
<div class="center_card_img">
<img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />
</div>
<div class="center_card_month">
<div class="center_card_one">March <span>3</span></div>
<div class="center_card_cantant">
<div class="center_card_catant_one">
慕尼黑啤酒节
</div>
<div class="center_card_catant_two">
日本札幌冰雪
</div>
</div>
</div>
</div>
</div>
<!-- 四月 -->
<div class="center_card_bg">
<!-- 翻转前 -->
<div class="center_card_bg2 center_card_two3 hovers">
<div class="center_card_two_contant">
<div class="center_card_two_top">4</div>
<div class="center_card_two_bottom">April</div>
</div>
</div>
<!-- 翻转后 -->
<div class=" reverse hovers">
<div class="center_card_img">
<img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />
</div>
<div class="center_card_month">
<div class="center_card_one">April <span>4</span></div>
<div class="center_card_cantant">
<div class="center_card_catant_one"> 慕尼黑啤酒节
</div>
<div class="center_card_catant_two">日本札幌冰雪</div>
</div>
</div>
</div>
</div>
<!-- 五月 -->
<div class="center_card_bg">
<!-- 翻转前 -->
<div class="center_card_bg2 center_card_Img3 hovers">
<div class="center_card_two_contant">
<div class="center_card_two_top center_color">5</div>
<div class="center_card_two_bottom center_color">May</div>
</div>
</div>
<!-- 翻转后 -->
<div class=" reverse hovers">
<div class="center_card_img">
<img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />
</div>
<div class="center_card_month">
<div class="center_card_one">May <span>5</span></div>
<div class="center_card_cantant">
<div class="center_card_catant_one">
慕尼黑啤酒节
</div>
<div class="center_card_catant_two">
日本札幌冰雪
</div>
</div>
</div>
</div>
</div>
<!-- 六月 -->
<div class="center_card_bg">
<!-- 翻转前 -->
<div class="center_card_bg2 center_card_two4 hovers">
<div class="center_card_two_contant">
<div class="center_card_two_top">6</div>
<div class="center_card_two_bottom">June</div>
</div>
</div>
<!-- 翻转后 -->
<div class=" reverse hovers">
<div class="center_card_img">
<img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />
</div>
<div class="center_card_month">
<div class="center_card_one">June<span>6</span></div>
<div class="center_card_cantant">
<div class="center_card_catant_one">
慕尼黑啤酒节
</div>
<div class="center_card_catant_two">
日本札幌冰雪
</div>
</div>
</div>
</div>
</div>
<!-- 七月 -->
<div class="center_card_bg">
<!-- 翻转前 -->
<div class="center_card_bg2 center_card_Img4 hovers">
<div class="center_card_two_contant">
<div class="center_card_two_top center_color">7</div>
<div class="center_card_two_bottom center_color">July</div>
</div>
</div>
<!-- 翻转后 -->
<div class=" reverse hovers">
<div class="center_card_img">
<img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />
</div>
<div class="center_card_month">
<div class="center_card_one">July <span>7</span></div>
<div class="center_card_cantant">
<div class="center_card_catant_one">
慕尼黑啤酒节
</div>
<div class="center_card_catant_two">
日本札幌冰雪
</div>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
</div>
</div>
</div>
<!-- 八月 -->
<div class="center_card_bg">
<!-- 翻转前 -->
<div class="center_card_bg2 center_card_two5 hovers">
<div class="center_card_two_contant">
<div class="center_card_two_top">8</div>
<div class="center_card_two_bottom">August</div>
</div>
</div>
<!-- 翻转后 -->
<div class=" reverse hovers">
<div class="center_card_img">
<img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />
</div>
<div class="center_card_month">
<div class="center_card_one">August <span>8</span></div>
<div class="center_card_cantant">
<div class="center_card_catant_one">
慕尼黑啤酒节
</div>
<div class="center_card_catant_two">
日本札幌冰雪
</div>
</div>
</div>
</div>
</div>
<!-- 九月 -->
<div class="center_card_bg">
<!-- 翻转前 -->
<div class="center_card_bg2 center_card_Img5 hovers">
<div class="center_card_two_contant">
<div class="center_card_two_top center_color">9</div>
<div class="center_card_two_bottom center_color">September</div>
</div>
</div>
<!-- 翻转后 -->
<div class=" reverse hovers">
<div class="center_card_img">
<img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />
</div>
<div class="center_card_month">
<div class="center_card_one">September <span>9</span></div>
<div class="center_card_cantant">
<div class="center_card_catant_one">
慕尼黑啤酒节
</div>
<div class="center_card_catant_two">
日本札幌冰雪
</div>
</div>
</div>
</div>
</div>
<!-- 十月 -->
<div class="center_card_bg">
<!-- 翻转前 -->
<div class="center_card_bg2 center_card_two6 hovers">
<div class="center_card_two_contant">
<div class="center_card_two_top">10</div>
<div class="center_card_two_bottom">October</div>
</div>
</div>
<!-- 翻转后 -->
<div class=" reverse hovers">
<div class="center_card_img">
<img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />
</div>
<div class="center_card_month">
<div class="center_card_one">October <span>10</span></div>
<div class="center_card_cantant">
<div class="center_card_catant_one">
慕尼黑啤酒节
</div>
<div class="center_card_catant_two">
日本札幌冰雪
</div>
</div>
</div>
</div>
</div>
<!-- 十一月 -->
<div class="center_card_bg">
<!-- 翻转前 -->
<div class="center_card_bg2 center_card_Img6 hovers">
<div class="center_card_two_contant">
<div class="center_card_two_top center_color">11</div>
<div class="center_card_two_bottom center_color">November</div>
</div>
</div>
<!-- 翻转后 -->
<div class=" reverse hovers">
<div class="center_card_img">
<img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />
</div>
<div class="center_card_month">
<div class="center_card_one">November <span>11</span></div>
<div class="center_card_cantant">
<div class="center_card_catant_one">
慕尼黑啤酒节
</div>
<div class="center_card_catant_two">
日本札幌冰雪
</div>
</div>
</div>
</div>
</div>
<!-- 十二月 -->
<div class="center_card_bg">
<!-- 翻转前 -->
<div class="center_card_bg2 center_card_two7 hovers">
<div class="center_card_two_contant">
<div class="center_card_two_top">12</div>
<div class="center_card_two_bottom">December</div>
</div>
</div>
<!-- 翻转后 -->
<div class=" reverse hovers">
<div class="center_card_img">
<img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />
</div>
<div class="center_card_month">
<div class="center_card_one">December <span>12</span></div>
<div class="center_card_cantant">
<div class="center_card_catant_one">
慕尼黑啤酒节
</div>
<div class="center_card_catant_two">
日本札幌冰雪
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 星域秀场 -->
<div class="video">
<div class="video_top">
<div class="top_state_title">
<div class="top_state_ch">星域<span>秀场</span></div>
<div class="top_state_en">
Planet Stage
</div>
</div>
</div>
<!-- 视频 -->
<div class="video_center">
<!-- 视频 -->
<notempty name="res_xqyy">
<div class="video_bg">
<video id="video" width="100%" style="height:100%;" src="{:cmf_get_file_download_url($res_xqyy.video)}"></video>
</div>
<!-- 封面 -->
<div class="fm_IMG">
<img src="{:cmf_get_image_url($res_xqyy.index_thumbnail)}" alt="">
</div>
<else/>
<div class="video_bg">
<video id="video" width="100%" style="height:100%;" src="__TMPL__/public/assets/images/video.mp4"></video>
</div>
<!-- 封面 -->
<div class="fm_IMG">
<img src="__TMPL__/public/assets/images/bicon_34.png" alt="">
</div>
</notempty>
<!-- 按钮 -->
<div class="video_start">
<img onclick="bofang()" src="__TMPL__/public/assets/images/aicon_30.png" alt="" />
</div>
</div>
<!-- 胡歌 -->
<notempty name="res_mxft">
<a href="/portal/region/getStarDetail?id={$res_mxft.id}">
<div class="video_star">
<div class="userimg">
<img src="{:cmf_get_image_url($res_mxft.avatar)}" alt="" />
</div>
<div class="useraccount tip left">
<div class="useraccount_top">
<div class="useraccount_name">{$res_mxft.full_name}</div>
<div class="useraccount_career">
{$res_mxft.position}<span>{$res_mxft.trade}</span>
</div>
</div>
<div class="useraccount_intro txt-cut" style="-webkit-line-clamp: 4;">
{$res_mxft.post_excerpt}
</div>
</div>
</div>
</a>
</div>
<!-- 更多 -->
<div class="video_bottom">
<a href="/portal/region/getMoreStar">
<div class="video_bottom_contant">
more+
</div>
</a>
</div>
</notempty>
</div>
<!-- 星域画廊 -->
<div class="gallery">
<div class="video_top">
<div class="top_state_title">
<div class="top_state_ch">星域<span>画廊</span></div>
<div class="top_state_en">
star Gallery
</div>
</div>
</div>
<!-- 图片 -->
<div class="star_gall_img swiper-container indeX_Hl">
<!-- 轮播图 -->
<ul class="swiper-wrapper">
<notempty name="res_xyhl">
<volist name="res_xyhl" id="vo">
<li class="swiper-slide">
<a href="/portal/region/getGalleryDetail?id={$vo.id}">
<img class="swiper-slide" src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</a>
</li>
</volist>
</notempty>
</ul>
</div>
<!-- 更多 -->
<div class="video_bottom">
<a href="/portal/region/getMoreGallery">
<div class="video_bottom_contant">
more+
</div>
</a>
</div>
<!-- 星探推荐 -->
<div class="recommend">
<div class="recommend_top">
<div class="top_state_title">
<div class="top_state_ch">星域<span>推荐</span>
</div>
<div class="top_state_en">
STAR RECOMMENDATION
</div>
</div>
</div>
<!-- 图片 -->
<div class="star_gall_img swiper-container2">
<!-- 轮播图 -->
<ul class="swiper-wrapper">
<notempty name="res_xttj">
<volist name="res_xttj" id="vo">
<li class="swiper-slide">
<empty name="vo.place">
<a href="/portal/scout/getSceneryDetail?id={$vo.id}">
<else />
<a href="/portal/scout/getTravelDetail?id={$vo.id}">
</empty>
<div class="recommed_contant">
<div class="recommed_contant_img">
<img src="{:cmf_get_image_url($vo.index_thumbnail)}" alt="" />
</div>
<div class="recommed_contant_title txt-cut" style="-webkit-line-clamp:2;">
{$vo.post_title}
</div>
<div class="recommed_contant_money">
￥{$vo.price}
</div>
</div>
</a>
</li>
</volist>
</notempty>
</ul>
</div>
</div>
<!-- 更多 -->
<div class="video_bottom">
<a href="/portal/scout/index">
<div class="video_bottom_contant">
more+
</div>
</a>
</div>
<!-- 星探活动 -->
<notempty name="res_xjhd">
<div class="activity">
<div class="recommend_top">
<div class="top_state_title">
<div class="top_state_ch">星域<span>活动</span></div>
<div class="top_state_en">
PLANET ACTIVITY
</div>
</div>
</div>
<!-- 图片 -->
<div class="star_gall_img swiper-container3">
<!-- 轮播图 -->
<ul class="swiper-wrapper">
<volist name="res_xjhd" id="vo">
<li class="swiper-slide">
<a href="index_twelfth.html">
<div class="activity_contant">
<div class="activity_contant_img">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</div>
<div class="activity_contant_title one-txt-cut">
{$vo.post_title}
</div>
</div>
</a>
</li>
</volist>
</ul>
</div>
</div>
</notempty>
</div>
<!--底部-->
<include file="public@footer"/>
</body>
<script src="__TMPL__/public/assets/js/jquery.min.js"></script>
<script src="__TMPL__/public/assets/js/swiper-3.4.2.jquery.min.js"></script>
<script src="__TMPL__/public/assets/js/base.js"></script>
<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>
// 翻转
$('.center_card_bg').each(function() {
$(this).mouseover(function() {
$(this).find('.hovers').addClass('fanz_before');
$(this).find('.reverse').addClass('fanz_after');
}).mouseout(function() {
$(this).find('.hovers').removeClass('fanz_before');
$(this).find('.reverse').removeClass('fanz_after');
})
})
// 星球奇景
$(".statr_one,.statr_two,.statr_three,.statr_four,.statr_five,.statr_six,.statr_seven").click(function() {
if ($(this).find("img").attr("src") == "__TMPL__/public/assets/images/cicon_05@2x.png") {
$(this).find("img").attr("src", "__TMPL__/public/assets/images/cicon_06@2x.png");
$(this).find("span").addClass("state_africa");
$(this).find("ul").toggle();
} else {
$(this).find("img").attr("src", "__TMPL__/public/assets/images/cicon_05@2x.png");
$(this).find("span").removeClass("state_africa");
$(this).find("ul").toggle();
}
});
// 星域秀场视频
var video = document.getElementById("video");
$('.btn_button').click(function () {
window.location.href = "/portal/index/homePage";
function bofang() {
video.play();
$('.fm_IMG').hide();
$("#video").attr("controls", "controls");
$(".video_start").hide();
}
// swiper
var swiper = new Swiper('.swiper-container4', {
pagination: '.swiper-pagination',
autoplay: 3000,
loop: true
});
var swiper = new Swiper('.swiper-container',{
// autoplay: {
// delay: 3000,
// disableOnInteraction: false,
// },
loop: true, // 循环模式选项
pagination: {
el: '.swiper-pagination',
},
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
slidesPerView: 2.4,
paginationClickable: true,
spaceBetween: 14,
freeMode: true
});
var swiper = new Swiper('.swiper-container2', {
pagination: '.swiper-pagination',
slidesPerView: 2.46,
paginationClickable: true,
spaceBetween: 12,
freeMode: true
});
var swiper = new Swiper('.swiper-container3', {
pagination: '.swiper-pagination',
slidesPerView: 1.16,
paginationClickable: true,
spaceBetween: 12,
freeMode: true
});
</script>
</html>
\ No newline at end of file
... ...
<!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" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css">
<title>个人中心</title>
</head>
<body class="index_tenth_bgimg">
<include file="public@header"/>
<!--彈出框-->
<div class="mask">
</div>
<div class="index_nineteenth">
<div class="index_nineteenth_contant">
<div class="index_nineteenth_top">
<div class="index_nineteenth_title">
昵称
</div>
<div class="index_nineteenth_input">
<notempty name="user.user_nickname">
<input type="text" value="{$user.user_nickname}" id="nickname"/>
<else/>
<input type="text" value="" id="nickname"/>
</notempty>
</div>
</div>
<div class="index_nineteenth_btn save_info">
保存
</div>
</div>
<div class="index_ninth_photo">
<notempty name="user.avatar">
<img src="{:cmf_get_image_url($user.avatar)}" alt="">
<else/>
<img src="__TMPL__/public/assets/images/aicon_82.png" alt="">
</notempty>
</div>
<div class="index_tenth_bottom">
<div class="index_tenth_bottom_contant">
Copyright © 2004-2019 独角星球 版权所有
</div>
</div>
</div>
</body>
<script src="__TMPL__/public/assets/js/base.js"></script>
<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>
$(function(){
$('.save_info').click(function(){
var nickname = $.trim($('#nickname').val());
$.ajax({
type: 'POST',
url: "/portal/login/updateNickname",
data: {
'nickname': nickname,
},
dataType: 'json',
success: function (data) {
console.log(data);
if (data.code == 1) {
mask(data.msg);
window.location.href = '/';
} else {
mask(data.msg);
}
}
});
});
});
</script>
</html>
\ No newline at end of file
... ...
<!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" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css">
<title>个人中心</title>
<style>
#personal-photo {
position: absolute;
width: 38%;
height: 13%;
font-size: 12px;
right: 30%;
top: 25%;
opacity: 0;
cursor: pointer;
}
</style>
</head>
<body class="index_tenth_bgimg">
<include file="public@header"/>
<!--彈出框-->
<div class="mask">
</div>
<div class="index_ninth">
<div class="index_ninth_contant">
<div class="index_ninth_one idnex_ninth_first">
<div class="index_ninth_one_img">
<img src="__TMPL__/public/assets/images/cicon_68@2x.png" alt="" />
</div>
<div class="index_ninth_one_title">
<input type="file" id="personal-photo" name="avatar">编辑头像
</div>
</div>
<div class="index_ninth_one" id="editInfo">
<div class="index_ninth_one_img">
<img src="__TMPL__/public/assets/images/cicon_69@2x.png" alt="" />
</div>
<div class="index_ninth_one_title">
修改资料
</div>
</div>
<div class="index_ninth_one" id="myCollection">
<div class="index_ninth_one_img">
<img src="__TMPL__/public/assets/images/cicon_70@2x.png" alt="" />
</div>
<div class="index_ninth_one_title">
我的收藏
</div>
</div>
</div>
<div class="index_ninth_photo">
<notempty name="user.avatar">
<img src="{:cmf_get_image_url($user.avatar)}" alt="">
<else/>
<img src="__TMPL__/public/assets/images/aicon_82.png" alt="">
</notempty>
</div>
<div class="index_tenth_bottom">
<div class="index_tenth_bottom_contant">
Copyright © 2004-2019 独角星球 版权所有
</div>
</div>
</div>
</body>
<script src="__TMPL__/public/assets/js/base.js"></script>
<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 src="__TMPL__/public/assets/js/uploadfile.js"></script>
<script>
$(function(){
$("#personal-photo").on("change",function(){
var img_size = $("input[type=file]").get(0).files[0].size;
if (img_size > 1024000){
mask("上传图片过大，请上传小于1M的图片");
}else {
$.ajaxFileUpload({
url: '/portal/login/updateAvatar', //用于文件上传的服务器端请求地址
secureuri: false, //是否需要安全协议，一般设置为false
fileElementId: 'personal-photo', //文件上传域的ID
dataType: 'json', //返回值类型 一般设置为json
success: function (data){ //服务器成功响应处理函数
mask(data.msg);
window.location.href = '/';
}
});
}
});
});
</script>
</html>
\ No newline at end of file
... ...
<!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" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css">
<title>登录</title>
</head>
<body class="index_tenth_bgimg">
<include file="public@header"/>
<!--彈出框-->
<div class="mask">
</div>
<div class="index_tenth">
<div class="index_theth_contant">
<div class="index_tenth_bg">
<div class="index_tenth_one">
<div class="index_tenth_left login">其他登录方式</div>
<div class="index_tenth_left index_tenth_right phone_login">
手机号登录
</div>
</div>
<div class="index_tenth_first">
<div class="index_tenth_two">
<input type="tel" placeholder="请输入手机号" id="mobile">
<input type="password" placeholder="请输入密码" id="password">
</div>
<div class="index_tenth_three" id="register">
没有账号？<span>
立即注册
</span>
</div>
<div class="index_tenth_four logging">
登录
</div>
</div>
<div class="index_tenth_seconds">
<div class="index_tenth_second">
<div class="index_tenth_second_one">
<div class="index_tenth_second_img">
<img src="__TMPL__/public/assets/images/cicon_71@2x.png" alt="" />
</div>
<div class="index_tenth_second_title">
微信登录
</div>
</div>
<div class="index_tenth_second_one">
<div class="index_tenth_second_img">
<img src="__TMPL__/public/assets/images/cicon_72@2x.png" alt="" />
</div>
<div class="index_tenth_second_title">
微博登录
</div>
</div>
</div>
</div>
</div>
</div>
<div class="index_tenth_bottom">
<div class="index_tenth_bottom_contant">
Copyright © 2004-2019 独角星球 版权所有
</div>
</div>
</div>
</body>
<script src="__TMPL__/public/assets/js/base.js"></script>
<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>
$(".login").click(function() {
$(this).addClass("index_tenth_right");
$(".phone_login").removeClass("index_tenth_right");
$(".index_tenth_seconds").css({
display: "block"
});
$(".index_tenth_first").css({
display: "none"
});
});
$(".phone_login").click(function() {
$(this).addClass("index_tenth_right");
$(".login").removeClass("index_tenth_right");
$(".index_tenth_seconds").css({
display: "none"
});
$(".index_tenth_first").css({
display: "block"
});
});
</script>
<script>
$('.logging').click(function(){
var phone_number = /^[1][3,4,5,6,7,8,9][0-9]{9}$/;
var mobile = $("#mobile").val();
var password = $.trim($('#password').val());
if (!phone_number.test(mobile)){
mask("手机号格式有误");
return false;
}
if(password == '') {
mask("密码不能为空");
return false;
}
$.ajax({
type: 'POST',
url: "/portal/login/loginCommit",
data: {
'mobile': mobile,
'user_pass': password
},
dataType: 'json',
success: function (data) {
if (data.code == 1) {
mask(data.msg);
window.location.href = '/';
} else {
mask(data.msg);
}
}
});
});
</script>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;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/bootstrap4.0.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
<title>我的收藏</title>
</head>
<body>
<include file="public@header"/>
<div class="collection_Box">
<!--内容-->
<div class="in_seaCon">
<ul>
<volist name="res" id="vo">
<li>
<a href="{$vo.post_url}" class="post_url">
<h1 class="in_seaConTxt1 one-txt-cut">{$vo.post_title}</h1>
</a>
<p class="in_seaConTxt2 txt-cut">
{$vo.post_excerpt}
</p>
<div class="collection_Txt">
<div class="in_seaConList">
<span>{$vo.category_name}</span>
<notempty name="vo.city_name">
<span>{$vo.city_name}</span>
</notempty>
</div>
<div class="collection_Txt2">
<div class="collection_Img">
<img src="__TMPL__/public/assets/images/cicon_81@2x.png" alt="" />
</div>
<p class="collection_Txt3">{$vo.post_favorites}</p>
</div>
</div>
</li>
</volist>
</ul>
</div>
<!--分页-->
<div class="pagination">
{$page|default=''}
</div>
</div>
<!-- 底部 -->
<include file="public@footer"/>
<script src="__TMPL__/public/assets/js/base.js"></script>
<script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
<script src="__TMPL__/public/assets/js/public.js"></script>
</body>
</html>
\ No newline at end of file
... ...
<!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" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css">
<title>注册</title>
</head>
<body class="index_tenth_bgimg">
<include file="public@header"/>
<!--彈出框-->
<div class="mask">
</div>
<div class="index_tenth index_eleventh">
<div class="index_theth_contant">
<form action="">
<div class="index_tenth_bg">
<div class="index_tenth_one">
账号注册
</div>
<div class="index_tenth_two index_eleventh_two">
<input required type="tel" placeholder="请输入手机号" id="mobile">
<input required type="password" placeholder="请输入密码" id="password">
<input type="text" required placeholder="请输入验证码" id="mobile_code">
<input type="button" onclick="sendCode(this)" value="获取验证码" class="index_tenth_verify" style="width:1.8rem;border-radius: 1.2rem;padding-left:0.1rem;margin-top:0;height:0.6rem;"/>
<!--<div class="index_tenth_verify">-->
<!--获取验证码-->
<!--</div>-->
</div>
<div class="index_tenth_three" id="login">
已有账号？
<span>
立即登录
</span>
</div>
<button type="button" class="index_tenth_four" id="zhuce" style="border:0;outline: none;">注册</button>
<!--<div class="index_tenth_four" id="zhece">-->
<!--注册-->
<!--</div>-->
</div>
</form>
</div>
<div class="index_tenth_bottom">
<div class="index_tenth_bottom_contant">
Copyright © 2004-2019 独角星球 版权所有
</div>
</div>
</div>
</body>
<script src="__TMPL__/public/assets/js/base.js"></script>
<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>
$(function(){
//提交注册
$('#zhuce').click(function () {
var mobile_code = $.trim($('#mobile_code').val());
var password = $.trim($('#password').val());
var phone_number = /^[1][3,4,5,6,7,8,9][0-9]{9}$/;
var mobile = $("#mobile").val();
if (!phone_number.test(mobile)){
mask("手机号格式有误");
return false;
}
if(password == '') {
mask("密码不能为空");
return false;
}
if(mobile_code == '') {
mask("验证码不能为空");
return false;
}
$.ajax({
type: 'POST',
url: "/portal/login/registerCommit",
data: {
'mobile': mobile,
'mobile_code': mobile_code,
'user_pass': password
},
dataType: 'json',
success: function (data) {
if (data.code == 1) {
mask('注册成功！');
window.location.href = '/portal/login/login';
} else {
mask(data.msg);
}
}
});
});
});
//注册发送验证码
function sendCode(val){
var phone_number = /^[1][3,4,5,6,7,8,9][0-9]{9}$/;
var mobile = $("#mobile").val();
if (!phone_number.test(mobile)){
mask("手机号格式有误");
}else {
$.ajax({
type: 'POST',
url: "/portal/common/sendMobileCode",
data: {
'mobile': mobile
},
dataType: 'json',
success: function (data) {
console.log(data);
if (data.code == 1) {
var countdown = 60;
settime(val, countdown);
mask(data.msg);
} else {
mask(data.msg);
}
}
});
}
}
//倒计时
function settime(val,countdown) {
if (countdown == 0) {
val.removeAttribute("disabled");
val.value="获取验证码";
countdown = 60;
} else {
val.setAttribute("disabled", true);
val.value= countdown +"s";
countdown--;
setTimeout(function() {
settime(val,countdown)
},1000)
}
}
</script>
</html>
\ No newline at end of file
... ...
<!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" type="text/css" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css"/>
<link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/base.css"/>
<link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/audio.css"/>
<link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/index.css"/>
<title>星域秀场</title>
<style>
.fourth_video {
width: 100%;
height: 3.4rem;
position: relative;
}
.xiucImg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.xiucImg img {
width: 100%;
height: 100%;
}
.swiper-containerHua {
overflow: hidden;
}
.swiper-containerHua ul li {
height: 3.78rem;
}
.swiper-containerHua ul li a {
height: 100%;
}
.swiper-containerHua ul li img {
height: 100%;
}
.fourth_log_top {
height: 3.34rem;
}
</style>
</head>
<body>
<include file="public@header"/>
<!-- 视频 -->
<div class="fourth_video">
<div class="fourth_video_center">
<notempty name="res_xqyy">
<div class="video_bg" style="background-color:black;">
<video src="{:cmf_get_file_download_url($res_xqyy.video)}" id="video" width="100%" style="height: 3.4rem;"></video>
</div>
<div class="xiucImg">
<img src="__TMPL__/public/assets/images/cicon_35@2x.png" alt="">
</div>
<div class="fourth_video_start">
<img onclick="bofang()" src="__TMPL__/public/assets/images/aicon_30.png" alt="" />
</div>
</notempty>
</div>
</div>
<!-- 明星访谈 -->
<div class="first_scene">
<div class="first_scene_contant">
<div class="first_scene_img">
<div class="first_scene_top_img">
<img src="__TMPL__/public/assets/images/cicon_38@2x.png" alt="" />
</div>
<div class="first_scene_top_ch">明星<span>访谈</span>
</div>
<div class="first_scene_top_en">
Star Interview
</div>
</div>
</div>
</div>
<!-- 胡歌 -->
<div class="fourth_huge_star">
<div class="userimg">
<img src="{:cmf_get_image_url($res_mxft.avatar)}" alt="" />
</div>
<div class="useraccount tip left star_introduce">
<a href="/portal/region/getStarDetail?id={$res_mxft.id}">
<div class="useraccount_top">
<div class="useraccount_name">{$res_mxft.full_name}</div>
<div class="useraccount_career">
{$res_mxft.position}<span>{$res_mxft.trade}</span>
</div>
</div>
<div class="useraccount_intro txt-cut" style="-webkit-line-clamp: 4;">
{$res_mxft.post_excerpt}
</div>
</a>
</div>
</div>
<!-- 星球故事 -->
<div class="first_scene">
<div class="first_scene_contant">
<div class="first_scene_img">
<div class="first_scene_top_img">
<img src="__TMPL__/public/assets/images/cicon_39@2x.png" alt="" />
</div>
<div class="first_scene_top_ch">星球<span>故事</span></div>
<div class="first_scene_top_en"></div>
</div>
</div>
</div>
<div class="fourth_audio">
<div class="index_eighteenth_top">
<volist name="res_xqgs" id="vo" offset="0" length="1">
<a href="/portal/star/getStoryDetail?id={$vo.id}">
<div class="fourth_audio_top_one">
<div class="fourth_audio_to_left">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</div>
<div class="fourth_audio_to_right">
{$vo.excerpt}
</div>
</div>
<div class="index_eighteenth_top_three">
<notempty name="vo.audio">
<audio id="audio" src="{:cmf_get_file_download_url($vo.audio)}"></audio>
<else/>
<audio id="audio" src="__TMPL__/public/assets/images/清平调.mp3"></audio>
</notempty>
</div>
</a>
</volist>
</div>
</div>
<!-- 星球画廊 -->
<div class="first_scene">
<div class="first_scene_contant">
<div class="first_scene_img">
<div class="first_scene_top_img">
<img src="__TMPL__/public/assets/images/cicon_40@2x.png" alt="" />
</div>
<div class="first_scene_top_ch">星球<span>画廊</span></div>
<div class="first_scene_top_en">
Star Gallery
</div>
</div>
</div>
</div>
<div class="gallery">
<!-- 图片 -->
<div class="star_gall_img swiper-containerHua">
<!-- 轮播图 -->
<ul class="swiper-wrapper">
<volist name="res_xyhl" id="vo">
<li class="swiper-slide">
<a href="/portal/region/getGalleryDetail?id={$vo.id}">
<img class="swiper-slide" src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</a>
</li>
</volist>
</ul>
</div>
</div>
<!-- 独角快报 -->
<div class="first_scene">
<div class="first_scene_contant">
<div class="first_scene_img">
<div class="first_scene_top_img">
<img src="__TMPL__/public/assets/images/cicon_41@2x.png" alt="" />
</div>
<div class="first_scene_top_ch">独角<span>快报</span></div>
<div class="first_scene_top_en">Planet Express</div>
</div>
</div>
</div>
<div class="fourth_bulletin">
<volist name="res_djkb" id="vo">
<a href="/portal/region/getNewsDetail?id={$vo.id}">
<div class="fourth_bulletin_contant">
<div class="fourth_bulletin_left">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</div>
<div class="fourth_bulletin_right">
<div class="fourth_bulletin_one txt-cut" style="-webkit-line-clamp: 2;">
{$vo.post_excerpt}
</div>
<div class="fourth_bulletin_two">{$vo.create_time|date="Y-m-d",###}</div>
</div>
</div>
</a>
</volist>
</div>
<!-- 独角日志 -->
<div class="first_scene">
<div class="first_scene_contant">
<div class="first_scene_img">
<div class="first_scene_top_img">
<img src="__TMPL__/public/assets/images/cicon_45@2x.png" alt="" />
</div>
<div class="first_scene_top_ch">独角<span>日志</span></div>
<div class="first_scene_top_en">Neo Blog</div>
</div>
</div>
</div>
<div class="gallery" id="fourth_logs">
<!-- 图片 -->
<div class="star_gall_img swiper-container_one">
<!-- 轮播图 -->
<ul class="swiper-wrapper">
<volist name="res_djrz" id="vo">
<li class="swiper-slide">
<a href="/portal/region/getNoteDetail?id={$vo.id}">
<div class="fourth_log">
<div class="fourth_log_top">
<img src="{:cmf_get_image_url($vo.index_thumbnail)}" alt="" />
</div>
<div class="fourth_log_bottom">
<div class="fourth_log_one">
{$vo.post_title}
</div>
<div class="fourth_log_two txt-cut" style="-webkit-line-clamp: 3;">
{$vo.post_excerpt}
</div>
<div class="fourth_log_three">
<img src="{:cmf_get_image_url($vo.avatar)}" alt="" />
</div>
</div>
</div>
</a>
</li>
</volist>
</ul>
</div>
</div>
<div class="video_bottom">
<a href="/portal/region/getMoreNote">
<div class="video_bottom_contant">
more+
</div>
</a>
</div>
<!-- 公益未来 -->
<div class="first_scene">
<div class="first_scene_contant">
<div class="first_scene_img">
<div class="first_scene_top_img">
<img src="__TMPL__/public/assets/images/cicon_44@2x.png" alt="" />
</div>
<div class="first_scene_top_ch">公益<span>未来</span></div>
<div class="first_scene_top_en">Great dreams & Education</div>
</div>
</div>
</div>
<div class="gallery " id="fourth_logs">
<!-- 图片 -->
<div class="star_gall_img swiper-container">
<!-- 轮播图 -->
<ul class="swiper-wrapper">
<volist name="res_tqwl" id="vo">
<li class="swiper-slide">
<a href="/portal/region/getFutureDetail?id={$vo.id}">
<div class="fourth_log">
<div class="fourth_log_top">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</div>
<div class="fourth_log_bottom">
<div class="fourth_log_one">
{$vo.post_title}
</div>
<div class="fourth_log_two txt-cut" style="-webkit-line-clamp: 2;">
{$vo.post_excerpt}
</div>
</div>
</div>
</a>
</li>
</volist>
</ul>
</div>
</div>
<div class="video_bottom">
<a href="/portal/region/getMoreFuture">
<div class="video_bottom_contant">
more+
</div>
</a>
</div>
<!--底部-->
<include file="public@footer"/>
</body>
<script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
<script src="__TMPL__/public/assets/js/base.js"></script>
<script src="__TMPL__/public/assets/js/swiper.min.js"></script>
<script src="__TMPL__/public/assets/js/k-audio.js"></script>
<script src="__TMPL__/public/assets/js/public.js"></script>
<script>
//音频
var audios = document.getElementsByTagName("audio");
for (var i = 0; i < audios.length; i++) {
var a = new kac(
audios[i],
800,
30,
"https://raw.githubusercontent.com/KIPI-C/k-audio.js/master/22.lrc",
true
);
a.style("#E1E1E6");
}
// 星域秀场视频
var video = document.getElementById("video");
function bofang() {
video.play();
$("#video").attr("controls", "controls");
$(".fourth_video_start").hide();
$('.xiucImg').hide();
}
// swiper
var swiper = new Swiper(".swiper-containerHua", {
slidesPerView: 2.5,
paginationClickable: true,
spaceBetween: 10,
freeMode: true
});
var swiper = new Swiper(".swiper-container", {
slidesPerView: 1.16,
paginationClickable: true,
spaceBetween: 10,
freeMode: true
});
var swiper = new Swiper(".swiper-container_one", {
slidesPerView: 1.2,
paginationClickable: true,
spaceBetween: 10,
freeMode: true
});
</script>
</html>
\ No newline at end of file
... ...
<!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">
<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">
<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">
<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">
<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>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;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" type="text/css" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css" />
<link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/audio.css" />
<link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/happy.css" />
<title>星球奇境</title>
</head>
<body>
<!--导航-->
<include file="public@header"/>
<!--banner-->
<div class="hpin_banner swiper-container">
<ul class="swiper-wrapper">
<notempty name="city_banner">
<li class="swiper-slide">
<img src="{:cmf_get_image_url($city_banner)}" />
</li>
</notempty>
</ul>
<!--<div class="swiper-pagination"></div>-->
</div>
<div class="happy_index">
<!--头部-->
<div class="hpin_title">
<img src="__TMPL__/public/assets/images/cicon_06@2x.png" alt="" />
<p>{$city_name}</p>
</div>
<!--星球故事-->
<div class="hpin_main1">
<div class="hpin_main1Title">
<img src="__TMPL__/public/assets/images/cicon_18@2x.png" alt="" />
<h1>星球<span>故事</span></h1>
<p>Planet Story</p>
<!--<div class="more"><a href="hayyp_gushi.html">MORE+</a></div>-->
</div>
<!--内容-->
<div class="hpin_mainCon">
<notempty name="res_xqgs">
<div class="hpin_mainCon1">
<a href="/portal/star/getStoryDetail?id={$res_xqgs.id}">
<div class="hpin_mainConImg">
<img src="{:cmf_get_image_url($res_xqgs.thumbnail)}" alt="" />
</div>
</a>
<div class="hpin_mainConTxt">
{$res_xqgs.excerpt}
</div>
</div>
<notempty name="res_xqgs.audio">
<div class="hpin_mainCon2">
<audio id="audio" src="{:cmf_get_file_download_url($res_xqgs.audio)}"></audio>
</div>
<else/>
<div class="hpin_mainCon2">
<audio id="audio" src="__TMPL__/public/assets/images/清平调.mp3"></audio>
</div>
</notempty>
</notempty>
</div>
</div>
<!--网红美景-->
<div class="hpin_main2">
<!--标题-->
<div class="hpin_main1Title">
<img src="__TMPL__/public/assets/images/cicon_19@2x.png" alt="" />
<h1>网红<span>美景</span></h1>
<p>Top Attraction</p>
<div class="more"><a href="/portal/star/getMoreScenery?city_id={$city_id}">MORE+</a></div>
</div>
<!--内容-->
<div class="hpin_main2Con swiper-container2">
<ul class="swiper-wrapper">
<volist name="res_whmj" id="vo">
<li class="swiper-slide">
<a href="/portal/star/getSceneryDetail?id={$vo.id}">
<div class="hpin_main2Con1">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</div>
<div class="hpin_main2ConBot">
<p class="hpin_main2Con2 one-txt-cut">{$vo.post_title}</p>
<div class="hpin_main2Con3">
<div class="hpin_main2Con3_1">
<img src="__TMPL__/public/assets/images/cicon_82@2x.png" alt="" />
<p>{$vo.post_hits}</p>
</div>
<div class="hpin_main2Con3_1">
<img src="__TMPL__/public/assets/images/cicon_81@2x.png" alt="" />
<p>{$vo.post_favorites}</p>
</div>
</div>
</div>
</a>
</li>
</volist>
</ul>
<div class="swiper-pagination"></div>
</div>
</div>
<!--异域珍馐-->
<div class="hpin_main3">
<!--标题-->
<div class="hpin_main1Title">
<img src="__TMPL__/public/assets/images/cicon_20@2x.png" alt="" />
<h1>异域<span>珍馐</span></h1>
<p>Gastronomy</p>
<div class="more"><a href="/portal/star/getMoreFood?city_id={$city_id}">MORE+</a></div>
</div>
<!--内容-->
<div class="hpin_main3Con swiper-container3">
<ul class="swiper-wrapper">
<volist name="res_yyzx" id="vo">
<li class="swiper-slide">
<a href="/portal/star/getFoodDetail?id={$vo.id}">
<div class="hpin_main3ConImg">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</div>
<p class="hpin_main3ConTxt one-txt-cut">
{$vo.post_title}？
</p>
</a>
</li>
</volist>
</ul>
<div class="swiper-pagination"></div>
</div>
</div>
<!--良宿美寝-->
<div class="hpin_main4">
<!--标题-->
<div class="hpin_main1Title">
<img src="__TMPL__/public/assets/images/cicon_21@2x.png" alt="" />
<h1>良宿<span>美寝</span></h1>
<p>Accommodation</p>
<div class="more"><a href="/portal/star/getMoreHotel?city_id={$city_id}">MORE+</a></div>
</div>
<!--内容-->
<div class="hpin_main4Con swiper-container4">
<ul class="swiper-wrapper">
<volist name="res_lsmq" id="vo">
<li class="swiper-slide">
<a href="/portal/star/getHotelDetail?id={$vo.id}">
<div class="hpin_main4ConImg">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</div>
<p class="hpin_main3ConTxt one-txt-cut ">
{$vo.post_title}
</p>
</a>
</li>
</volist>
</ul>
<div class="swiper-pagination"></div>
</div>
</div>
<!--活力生态-->
<div class="hpin_main5">
<!--标题-->
<div class="hpin_main1Title">
<img src="__TMPL__/public/assets/images/cicon_22@2x.png" alt="" />
<h1>活力<span>生态</span></h1>
<p>Responsible Tourism</p>
<div class="more"><a href="/portal/star/getMoreEcology?city_id={$city_id}">MORE+</a></div>
</div>
<!--内容-->
<div class="hpin_main5Con swiper-container5">
<ul class="swiper-wrapper">
<volist name="res_hlst" id="vo">
<li class="swiper-slide">
<a href="/portal/star/getEcologyDetail?id={$vo.id}">
<div class="hpin_main5ConImg">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</div>
<div class="hpin_main5ConTxt">
<h1 class="hpin_main5ConTxt1 one-txt-cut ">
{$vo.post_title}
</h1>
<p class="hpin_main5ConTxt2 txt-cut">
{$vo.post_excerpt}
</p>
</div>
</a>
</li>
</volist>
</ul>
</div>
</div>
<!--便利出行-->
<div class="hpin_main6">
<!--标题-->
<div class="hpin_main1Title">
<img src="__TMPL__/public/assets/images/cicon_23@2x.png" alt="" />
<h1>便利<span>出行</span></h1>
<p>Easy Travel</p>
<div class="more"><a href="/portal/star/getMoreTravel?city_id={$city_id}">MORE+</a></div>
</div>
<!--内容-->
<div class="hpin_mainCon swiper-container6">
<ul class="swiper-wrapper">
<volist name="res_blcx" id="vo">
<li class="swiper-slide">
<a href="/portal/star/getTravelDetail?id={$vo.id}">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</a>
</li>
</volist>
</ul>
</div>
</div>
</div>
<!--底部-->
<include file="public@footer"/>
<script src="__TMPL__/public/assets/js/base.js"></script>
<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/k-audio.js"></script>
<script src="__TMPL__/public/assets/js/public.js"></script>
<script type="text/javascript">
//音频
var audios = document.getElementsByTagName("audio");
for (var i = 0; i < audios.length; i++) {
var a = new kac(
audios[i],
800,
30,
"https://raw.githubusercontent.com/KIPI-C/k-audio.js/master/22.lrc",
true
);
a.style("#E1E1E6");
}
//banner
var swiper = new Swiper(".swiper-container", {
pagination: ".swiper-pagination",
paginationClickable: true,
centeredSlides: true,
autoplay: 2500,
autoplayDisableOnInteraction: false
});
//网红美景
var swiper = new Swiper(".swiper-container2", {
pagination: ".swiper-pagination",
slidesPerView: 2,
slidesPerColumn: 2,
paginationClickable: true,
spaceBetween: 10
});
//异域珍馐
var swiper = new Swiper(".swiper-container3", {
pagination: ".swiper-pagination",
slidesPerView: 1,
slidesPerColumn: 2,
paginationClickable: true,
spaceBetween: 10
});
//良俗美寝
var swiper = new Swiper(".swiper-container4", {
pagination: ".swiper-pagination",
paginationClickable: true,
centeredSlides: true,
spaceBetween: 30,
autoplayDisableOnInteraction: false
});
//活力生态
var swiper = new Swiper(".swiper-container5", {
slidesPerView: 1.8,
paginationClickable: true,
spaceBetween: 10,
freeMode: true
});
//便利出行
var swiper = new Swiper(".swiper-container6", {
slidesPerView: 1.7,
paginationClickable: true,
spaceBetween: 10,
freeMode: true
});
</script>
</body>
</html>
\ No newline at end of file
... ...
.kc-body {
width: 100% !important;
height: 0.6rem;
overflow: hidden;
}
.kc-soundbody {
display: none;
}
.kc-lrctable {
display: none;
}
.k-body {
position: static;
display: flex;
display: -webkit-flex;
align-items: center;
}
.kc-rangebody {
height: 0.62rem;
display: flex;
display: -webkit-flex;
align-items: center;
}
.kc-lrcbody {
display: none !important;
}
.kc-playlog,
.kc-pauselog {
width: 0.3rem !important;
height: 0.3rem !important;
margin-left: 0.44rem !important;
border: 1px solid #5B5B6B;
}
.kc-rangebody {
left: 0.22rem !important;
width: 5.56rem !important;
}
.kc-rangep {
position: absolute;
top: 0.24rem;
z-index: 999 !important;
width: 0.14rem;
height: 0.14rem;
border-radius: 50%;
}
.kc-rangeli {
height: 0.04rem !important;
background-color: #CCCCD1 !important;
}
.kc-rangeloadli {
position: static;
top: 0.27rem;
background-color: #5B5B6B !important;
}
\ No newline at end of file
... ...
body,html{
width:100%;
height:100%;
}
.banner{
height:100%;
}
body{
background-color: #F4F5F9;
}
*{
margin: 0;
padding: 0;
}
.btn_button{
width: 100%;
font-size: 0.26rem;
font-family:MicrosoftYaHei;
font-weight:400;
color:rgba(255,255,255,1);
line-height:79px;
text-align: center;
position: absolute;
bottom: 0.8rem;
}
div,
ul,
li,
body,
ol,
table,
tbody,
td,
p,
input,
form {
padding: 0;
margin: 0;
font-size: 0.26rem;
color: #333;
}
ul li {
list-style: none;
}
a {
text-decoration: none;
color: #666;
}
html,
body {
width: 100%;
height: 100%;
/* overflow: hidden; */
/*position: relative;*/
/* background: #FFF; */
background: rgba(60, 60, 148, 1);
line-height: 1.6;
/* font-family: 'PingFang-SC-Regular';*/
}
textarea {
resize: none;
}
.container {
width: 7.5rem;
background: #FFF;
overflow-y: scroll;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
height: 100%;
z-index: 5;
display: flex;
display: -webkit-flex;
display: -ms-flex;
flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
}
input,
textarea {
background: none;
border: none;
outline: none;
}
\ No newline at end of file
... ...
body{
background-color: #F4F5F9;
}
*{
margin: 0;
padding: 0;
}
input{
font-size: 0.24rem;
border: none;
outline: none;
}
.container{
width: 7.5rem;
line-height: 1;
display: flex;
flex-flow: column;
align-items: center;
}
.head{
width: 7.5rem;
height: 0.88rem;
background:rgba(201,201,201,1);
position: fixed;
top: 0;
left: 0;
z-index: 999;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
padding: 0 0.2rem;
}
.head_new{
font-size: 0.3rem;
color: rgba(68,68,68,1);
font-weight: bold;
}
.head_pic{
margin-top: 0.88rem;
width: 7.5rem;
height: 2.18rem;
background:linear-gradient(-35deg,rgba(134,31,84,0.8),rgba(15,75,156,0.8));
display: flex;
}
.head_pic img{
width: 100%;
height: 100%;
}
.top{
margin-top: 0.19rem;
width: 7.5rem;
text-align: center;
font-size: 0.22rem;
color: #777777;
}
/*中部*/
.mid{
display: flex;
flex-flow: column;
margin-bottom: 0.88rem;
}
.mid_item{
margin-top: 0.31rem;
width: 6.64rem;
display: flex;
/*align-items: center;*/
}
.mid_item_left{
font-size: 0.24rem;
}
.color_red{
color: #EA474B;
}
.mid_item_right{
display: flex;
flex: 1;
margin-left: 0.3rem;
justify-content: start;
}
.mid_item_right_wid{
width: 5.1rem;
}
.mid_item_right input{
/*border-bottom: 1px solid #959595;*/
background: transparent;
}
/*展位要求*/
.mid_item_right_input{
font-size: 0.24rem;
color: #1c1b1b;
/*display: flex;*/
line-height: 1.3;
}
/*数量输入框*/
.mid_item_right_input_number{
width: 0.27rem;
border-bottom: 1px solid red;
}
/*展区要求*/
.exhibition_area{
display: flex;
flex-wrap: wrap;
/*margin-top: -0.2rem;*/
}
.exhibition_area_small{
min-width: 3rem;
margin-top: 0.2rem;
}
.exhibition_area_input{
width: 1.6rem;
}
/*展品信息*/
.information{
flex-flow: column;
}
.information_short{
display: flex;
margin-top: 0.3rem;
}
.mid_item_right_text{
font-size: 0.22rem;
}
.exhibits_information{
width: 3.74rem;
margin-left: 0.08rem;
}
.information_short:first-child{
margin-top: 0;
}
/*新品发布*/
.new_goods{
display: flex;
flex: 1;
justify-content: normal;
}
.new_goods>p{
margin-left: 0.4rem;
}
.new_goods>p:first-child{
margin-left: 0;
}
.mid_sub{
width: 6.78rem;
height: 0.75rem;
line-height: 0.75rem;
background:rgba(234,71,75,1);
border:1px solid rgba(149,149,149,1);
border-radius: 0.08rem;
margin-top: 0.31rem;
margin-bottom: 0.19rem;
font-size: 0.3rem;
color: #fff;
text-align: center;
}
/*联系方式*/
.contact{
display: flex;
flex-flow: column;
margin-top: 0.5rem;
margin-left: 0;
}
.contact_way{
width: 4.8rem;
font-size: 0.22rem;
color: #1c1b1b;
/*margin-left: 0.5rem;*/
margin-top: 0.39rem;
display: flex;
justify-content: space-between;
}
.contact_way:first-child{
margin-top: 0;
}
.contact_way input{
width: 3.5rem;
}
/*公司地址*/
.contact_way_select{
width: 3.38rem;
border-bottom: 1px solid #959595 ;
display: flex;
justify-content: space-between;
}
.province_box{
}
.select_item{
width: 1rem;
border: none;
outline: none;
background: transparent;
}
/*行业类别*/
.category{
display: flex;
flex-flow: column;
}
/*底部菜单栏*/
.bottom_menu{
width: 7.5rem;
height: 0.88rem;
display: flex;
align-items: center;
justify-content: space-around;
background-color: #ffffff;
position: fixed;
bottom: 0;
}
.bottom_menu_index{
display: flex;
flex-flow: column;
align-items: center;
color: #666666;
line-height: 1.2;
}
.bottom_menu_index_text{
font-size: 0.24rem;
color: #666666;
}
.contact_box{
border-bottom: 1px solid #959595;
}
body{
background-color: #F4F5F9;
}
*{
margin: 0;
padding: 0;
}
input{
font-size: 0.24rem;
border: none;
outline: none;
background-color: transparent;
}
p{
margin-left: 0.05rem;
}
.container{
width: 7.5rem;
line-height: 1;
display: flex;
flex-flow: column;
align-items: center;
}
.head{
width: 7.5rem;
height: 0.88rem;
background:rgba(201,201,201,1);
position: fixed;
top: 0;
left: 0;
z-index: 999;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
padding: 0 0.2rem;
}
.head_new{
font-size: 0.3rem;
color: rgba(68,68,68,1);
font-weight: bold;
}
.head_pic{
margin-top: 0.88rem;
width: 7.5rem;
height: 2.18rem;
background:linear-gradient(-35deg,rgba(134,31,84,0.8),rgba(15,75,156,0.8));
display: flex;
}
.head_pic img{
width: 100%;
height: 100%;
}
.top{
margin-top: 0.19rem;
width: 7.5rem;
text-align: center;
font-size: 0.22rem;
color: #777777;
}
/*中部*/
.mid{
display: flex;
flex-flow: column;
margin-bottom: 1.08rem;
}
.mid_item{
margin-top: 0.31rem;
width: 6.64rem;
display: flex;
/*align-items: center;*/
font-size: 0.24rem;
}
.mid_item_left{
width: 1.2rem;
font-size: 0.24rem;
}
.color_red{
color: #EA474B;
}
.mid_item_right{
border-bottom: 1px solid #959595;
margin-left: 0.3rem;
}
.mid_item_right input{
width: 5rem;
}
.mid_item_zw{
font-size: 0.24rem;
margin-left: 0.3rem;
display: flex;
flex: 1;
justify-content: space-between;
}
.mid_item_zw_a{
display: flex;
line-height: 1;
}
.mid_num{
display: flex;
border-bottom: 1px solid #959595;
}
.mid_num input{
width: 0.4rem;
}
/*展区要求*/
.mid_item_zq{
margin-left: 0.3rem;
display: flex;
flex-wrap: wrap;
flex: 1;
width: 4rem;
margin-top: -0.25rem;
}
.mid_item_zq_c{
width: 2.5rem;
display: flex;
margin-top: 0.25rem;
}
.mid_item_zq_c_input{
flex: 1;
border-bottom: 1px solid #959595;
}
.mid_item_zq_c_input input{
width: 100%;
}
/*展品信息*/
.mid_item_zp{
display: flex;
flex-flow: column;
margin-left: 0.3rem;
}
.mid_item_zp_a{
display: flex;
margin-top: 0.3rem;
}
.mid_item_zp_a:first-child{
margin-top: 0;
}
.zp_input{
border-bottom: 1px solid #959595;
}
/*新品发布*/
.mid_item_new{
display: flex;
margin-left: 0.3rem;
}
.mid_item_new_input{
display: flex;
}
.mar_lef{
margin-left: 0.3rem;
}
.l_adv{
width: 2rem;
}
.j_bet{
}
.mid_item_adv{
width: 2rem;
display: flex;
}
/*联系方式*/
.mid_item_contact{
width: 5rem;
display: flex;
margin-top: 0.39rem;
}
.mid_item_contact:first-child{
margin-top: 0;
}
.mid_item_contact_left{
width: 1rem;
}
.mid_item_contact_right{
border-bottom: 1px solid #959595;
}
.mid_item_contact_right input{
width: 3.5rem;
}
.contact_a{
justify-content: space-between;
}
.contact_box{
display: flex;
flex-flow: column;
}
/*联系方式*/
.contact{
display: flex;
flex-flow: column;
}
.contact_way{
width: 4.3rem;
font-size: 0.22rem;
color: #1c1b1b;
margin-left: 0.5rem;
margin-top: 0.39rem;
display: flex;
justify-content: space-between;
}
.contact_way:first-child{
margin-top: 0;
}
.contact_way input{
}
.mid_sub{
margin-top: 0.3rem;
width: 6.78rem;
height: 0.75rem;
background:rgba(234,71,75,1);
border:1px solid rgba(149,149,149,1);
border-radius: 0.08rem;
font-size: 0.3rem;
font-family:MicrosoftYaHei;
font-weight:400;
color:rgba(255,255,255,1);
line-height: 0.75rem;
text-align: center;
}
/*底部菜单栏*/
.bottom_menu{
width: 7.5rem;
height: 0.88rem;
display: flex;
align-items: center;
justify-content: space-around;
background-color: #ffffff;
position: fixed;
bottom: 0;
}
.bottom_menu_index{
display: flex;
flex-flow: column;
align-items: center;
color: #666666;
line-height: 1.2;
}
.bottom_menu_index_text{
font-size: 0.24rem;
color: #666666;
}
body{
background-color: #F4F5F9;
}
*{
margin: 0;
padding: 0;
}
.container{
width: 7.5rem;
line-height: 1;
display: flex;
flex-flow: column;
align-items: center;
}
.head{
width: 7.5rem;
height: 0.88rem;
background:rgba(201,201,201,1);
position: fixed;
top: 0;
left: 0;
z-index: 999;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
padding: 0 0.2rem;
}
.head_new{
font-size: 0.3rem;
color: rgba(68,68,68,1);
font-weight: bold;
}
.head_pic{
width: 7.5rem;
height: 2.18rem;
display: flex;
margin-top: 0.88rem;
}
.head_pic img{
width: 100%;
height: 100%;
}
.top{
width: 6.72rem;
display: flex;
background-color: #D9DEE8;
border-radius: 0.13rem;
margin-top: 0.38rem;
}
.top_text{
font-size: 0.22rem;
line-height: 0.46rem;
margin: 0.23rem 0.12rem ;
}
.mid{
width: 6.47rem;
display: flex;
flex-flow: column;
}
.mid_text{
margin-top: 0.3rem;
font-size: 0.22rem;
line-height: 0.46rem;
}
.mid_text:last-child{
margin-bottom: 0.42rem;
}
/*标题*/
.mid_title{
font-size: 0.24rem;
line-height: 0.46rem;
font-weight: bold;
color: #497CBC;
margin-top: 0.3rem;
}
/*底部图片*/
.bottom{
width: 6.17rem;
height: 3.21rem;
display: flex;
margin-bottom: 1.17rem;
}
.bottom img{
width: 100%;
height: 100%;
}
/*底部菜单栏*/
.bottom_menu{
width: 7.5rem;
height: 0.88rem;
display: flex;
align-items: center;
justify-content: space-around;
background-color: #ffffff;
position: fixed;
bottom: 0;
}
.bottom_menu_index{
display: flex;
flex-flow: column;
align-items: center;
color: #666666;
line-height: 1.2;
}
.bottom_menu_index_text{
font-size: 0.24rem;
color: #666666;
}
.dropload-up,.dropload-down{
position: relative;
height: 0;
overflow: hidden;
font-size: 12px;
/* 开启硬件加速 */
-webkit-transform:translateZ(0);
transform:translateZ(0);
}
.dropload-down{
height: 50px;
}
.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData{
height: 50px;
line-height: 50px;
text-align: center;
}
.dropload-load .loading{
display: inline-block;
height: 15px;
width: 15px;
border-radius: 100%;
margin: 6px;
border: 2px solid #666;
border-bottom-color: transparent;
vertical-align: middle;
-webkit-animation: rotate 0.75s linear infinite;
animation: rotate 0.75s linear infinite;
}
@-webkit-keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(360deg);
}
}
\ No newline at end of file
.bottom_nav {
margin: 0.74rem 0.32rem 0;
background: rgba(60, 60, 148, 1);
}
.bottom_nav_title {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-end;
padding-bottom: 0.22rem;
border-bottom: 0.01rem solid rgba(9, 255, 142, 0.2);
}
.bottom_nav_ch {
font-size: 0.32rem;
font-weight: 800;
color: rgba(9, 255, 142, 1);
}
.bottom_nav_en {
margin-left: 0.24rem;
font-size: 0.24rem;
font-weight: bold;
color: rgba(255, 255, 255, 1);
opacity: 0.8;
}
.bottom_nav_word {
font-size: 0.26rem;
font-weight: 500;
color: rgba(255, 255, 255, 1);
line-height: 0.4rem;
opacity: 0.4;
}
.bottom_nav_contant {
padding: 0.23rem 0 0.75rem 0;
}
.bottom_nav_link {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: center;
}
.bottom_nav_img {
display: flex;
display: -webkit-flex;
flex-direction: column;
align-items: center;
flex-direction: column;
margin-left: 0.7rem;
}
.bottom_nav_img img {
width: 1.3rem;
height: 1.3rem;
display: block;
}
.bot_nav_title {
font-size: 0.26rem;
font-weight: 500;
color: rgba(255, 255, 255, 1);
line-height: 0.22rem;
opacity: 0.4;
margin-top: 0.18rem;
}
.bottom_nav_copy {
display: flex;
justify-content: center;
align-items: center;
margin-top: 0.74rem;
}
.bot_nav_copy {
font-size: 0.24rem;
font-weight: 500;
color: rgba(255, 254, 254, 1);
opacity: 0.2;
padding-bottom: 0.32rem;
}
/*底部*/
.index_guanzhu {
margin-top: 0.74rem;
}
.index_guanzhuImg {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
padding-top: 0.22rem;
width: calc(100% + 0.17rem);
}
.index_guanzhuImg li {
width: 2.17rem;
height: 0.74rem;
margin-right: 0.17rem;
margin-bottom: 0.14rem
}
.index_guanzhuImg li img {
width: 100%;
height: 100%;
}
.index_youqing {
margin-top: 0.54rem;
}
.index_youqingTxt {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
padding-top: 0.22rem;
width: calc(100% + 0.48rem)
}
.index_youqingTxt li {
font-size: 0.3rem;
line-height: 1;
margin-right: 0.48rem;
color: rgba(255, 255, 255, 0.4);
margin-bottom: 0.32rem;
}
\ No newline at end of file
... ...
body{
background-color: #F4F5F9;
}
*{
margin: 0;
padding: 0;
}
.container{
width: 7.5rem;
line-height: 1;
display: flex;
flex-flow: column;
align-items: center;
}
.head{
width: 7.5rem;
height: 0.88rem;
background:rgba(201,201,201,1);
position: fixed;
top: 0;
left: 0;
z-index: 999;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
padding: 0 0.2rem;
}
.head_new{
font-size: 0.3rem;
color: rgba(68,68,68,1);
font-weight: bold;
}
.head_pic{
width: 7.5rem;
height: 2.9rem;
display: flex;
margin-top: 0.88rem;
}
.head_pic img{
width: 100%;
height: 100%;
}
.top{
margin-top: 0.32rem;
width: 5.8rem;
display: flex;
justify-content: space-between;
}
.top_left{
width: 1.52rem;
height: 1.11rem;
display: flex;
}
.top_left img{
width: 100%;
height: 100%;
}
.top_right{
/*width: 3.57rem;*/
/*height: 1.01rem;*/
font-size: 0.5rem;
font-family:HYi1gj;
font-weight:400;
color:rgba(51,51,51,1);
line-height: 0.56rem;
}
/*中部标题*/
.mid{
display: flex;
margin-top: 0.4rem;
flex-flow: wrap;
align-items: center;
justify-content: center;
margin-bottom: 1.7rem;
}
.mid_title{
width: 5.59rem;
font-size: 0.26rem;
font-family:MicrosoftYaHei-Bold;
font-weight:bold;
color:rgba(0,131,212,1);
line-height: 0.44rem;
}
.mid_text{
width: 6.81rem;
background:rgba(0,0,0,0.06);
/*opacity:0.17;*/
border-radius: 0.29rem;
margin-top: 0.4rem;
}
.mid_text>p{
font-size: 0.24rem;
font-family:MicrosoftYaHei;
font-weight:400;
color:rgba(51,51,51,1);
line-height: 0.48rem;
margin: 0.31rem 0.27rem 0.2rem 0.26rem;
}
/*底部菜单栏*/
.bottom_menu{
width: 7.5rem;
height: 0.88rem;
display: flex;
align-items: center;
justify-content: space-around;
background-color: #ffffff;
position: fixed;
bottom: 0;
}
.bottom_menu_index{
display: flex;
flex-flow: column;
align-items: center;
color: #666666;
line-height: 1.2;
}
.bottom_menu_index_text{
font-size: 0.24rem;
color: #666666;
}