景龙 / xingqiu · 提交

转到一个项目

作者 zhangwei
提交 3462eb96591ccd68a93c83ac781ac8b20a10bb8a 1 个父辈 bc73866a
1 个管道 的构建 通过 耗费 2 秒

修改页面样式

内嵌 并排对比
正在显示 13 个修改的文件 包含 303 行增加 和 165 行删除
{
"liveServer.settings.port": 5501
}
\ No newline at end of file
... ...
... ... @@ -10,10 +10,58 @@
<link rel="stylesheet" href="__TMPL__/public/assets/css/index.css" />
<script src="__TMPL__/public/assets/js/base.js"></script>
<title>星享体验</title>
<style>
.first_search,
.first_search_left {
display: flex;
display: -webkit-flex;
align-items: center;
}
.first_search_left_img {
width: 0.2rem;
height: 0.22rem;
}
.first_search_right_img {
width: 0.2rem;
height: 0.2rem;
}
.first_search_right_img img {
width: 100%;
height: 100%;
display: block;
}
.first_search_left_img img {
width: 100%;
height: 100%;
display: block;
}
.first_searchUl {
display: none;
width: 2.6rem;
height: 2.4rem;
overflow-y: scroll;
position: absolute;
top: 0.6rem;
left: 0.26rem;
z-index: 100;
}
.first_searchUl li {
background-color: white;
padding: 0.1rem 0.18rem;
box-sizing: border-box;
border-top: 1px solid #D4DCEB;
}
</style>
</head>
<body>
<include file="public@header"/>
<include file="public@header" />
<!-- banner -->
<div class="first_top">
<div class="first_top_img">
... ... @@ -31,15 +79,19 @@
<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 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="" />
<img src="__TMPL__/public/assets/images/down2.png" alt="" />
</div>
</div>
<ul class="first_searchUl">
<li class="one-txt-cut">1</li>
<li class="one-txt-cut">2</li>
<li class="one-txt-cut">3</li>
<li class="one-txt-cut">4</li>
</ul>
</div>
<!-- 亲临现场 -->
<div class="first_scene">
... ... @@ -50,9 +102,7 @@
</div>
<div class="first_scene_top_ch">亲临<span>现场</span>
</div>
<div class="first_scene_top_en">
On Spot
</div>
<div class="first_scene_top_en">On Spot </div>
</div>
</div>
<!-- 亲临现场 -->
... ... @@ -65,11 +115,11 @@
<li class="swiper-slide">
<div class="first_galley_contant">
<a href="/portal/enjoy/getEnjoyDetail?id={$vo.id}">
<div class="first_galley_contant_img">
<div class="first_galley_contant_img" style="height:5rem;">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</div>
<div class="first_galley_contant_title">
<div class="first_galley_contant_title_top">
<div class="first_galley_contant_title_top one-txt-cut">
{$vo.post_title}
</div>
<div class="first_galley_contant_title_bottom txt-cut" style="-webkit-line-clamp: 2;">
... ... @@ -101,18 +151,18 @@
<!-- 市井漫游 -->
<div class="first_gallery first_town">
<!-- 图片 -->
<div class="star_gall_img swiper-container">
<div class="star_gall_img swiper-container2">
<!-- 轮播图 -->
<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">
<div class="first_galley_contant_img" style="height:6rem;">
<img src="{:cmf_get_image_url($vo.index_thumbnail2)}" alt="" />
</div>
<div class="first_galley_contant_title">
<div class="first_galley_contant_title_top">
<div class="first_galley_contant_title_top one-txt-cut">
{$vo.post_title}
</div>
<div class="first_galley_contant_title_bottom txt-cut" style="-webkit-line-clamp: 2;">
... ... @@ -151,11 +201,11 @@
<li class="swiper-slide">
<div class="first_galley_contant">
<a href="/portal/enjoy/getEnjoyDetail?id={$vo.id}">
<div class="first_galley_contant_img">
<div class="first_galley_contant_img" style="height:5rem;">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</div>
<div class="first_galley_contant_title">
<div class="first_galley_contant_title_top">
<div class="first_galley_contant_title_top one-txt-cut">
{$vo.post_title}
</div>
<div class="first_galley_contant_title_bottom txt-cut" style="-webkit-line-clamp: 2;">
... ... @@ -194,11 +244,11 @@
<li class="swiper-slide">
<div class="first_galley_contant">
<a href="/portal/enjoy/getEnjoyDetail?id={$vo.id}">
<div class="first_galley_contant_img">
<div class="first_galley_contant_img" style="height:5rem;">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</div>
<div class="first_galley_contant_title">
<div class="first_galley_contant_title_top">
<div class="first_galley_contant_title_top one-txt-cut">
{$vo.post_title}
</div>
<div class="first_galley_contant_title_bottom">
... ... @@ -214,12 +264,25 @@
</div>
</div>
<!--底部-->
<include file="public@footer"/>
<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>
$('.first_search').click(function() {
if ($('.first_search_right_img img').attr('src') == "__TMPL__/public/assets/images/down2.png") {
$('.first_search_right_img img').attr('src', "__TMPL__/public/assets/images/upjian.png");
$('.first_searchUl').show();
} else {
$('.first_search_right_img img').attr('src', "__TMPL__/public/assets/images/down2.png");
$('.first_searchUl').hide();
}
});
$('.first_searchUl li').click(function() {
var txt = $(this).text();
$('.first_search_left_word').text(txt);
});
// 星域秀场视频
var video = document.getElementById("video");
... ... @@ -230,7 +293,13 @@
}
// swiper
var swiper = new Swiper(".swiper-container", {
slidesPerView: 1.4,
slidesPerView: 1.3,
paginationClickable: true,
spaceBetween: 10,
freeMode: true
});
var swiper = new Swiper('.swiper-container2', {
slidesPerView: 1.1,
paginationClickable: true,
spaceBetween: 10,
freeMode: true
... ...
... ... @@ -9,14 +9,14 @@
<link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/swiper3/swiper.min.css" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css" />
<title>星享体验详情</title>
<title>星享体验详情 </title>
</head>
<body>
<include file="public@header"/>
<include file="public@header" />
<div class="mask">
</div>
<include file="public@slide"/>
<include file="public@slide" />
<div class="happy_foreignBox2">
<!--banner-->
<div class="hp_forImg">
... ... @@ -48,8 +48,8 @@
</div>
</div>
<!--评论-->
<include file="public@comment"/>
<include file="public@footer"/>
<include file="public@comment" />
<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/swiper3/swiper.min.js"></script>
... ...
... ... @@ -15,11 +15,11 @@
height: 3.86rem;
background-color: black;
}
.video_bg {
position: relative;
}
.fm_IMG {
position: absolute;
width: 100%;
... ... @@ -27,16 +27,16 @@
top: 0;
left: 0;
}
.fm_IMG img {
width: 100%;
height: 100%;
}
.indeX_Hl ul li {
height: 3.88rem
}
.indeX_Hl img {
height: 100%;
}
... ... @@ -44,8 +44,15 @@
</head>
<body>
<div class="vi_maks">
<div class="vi_video">
<video src="{:cmf_get_file_download_url($res_xqyy.video)}" id="video2" style="height: 3.4rem;width: 100%;" autoplay="autoplay" controls controlslist="nodownload"></video>
<img class="vi_Img" src="__TMPL__/public/assets/images/nos.png" alt="" />
</div>
</div>
<!-- 顶部导航 -->
<include file="public@header"/>
<include file="public@header" />
<div class="top">
<div class="top_img swiper-container4">
<div class="swiper-wrapper">
... ... @@ -66,6 +73,21 @@
</div>
</div>
<div class="top_state_address">
<div class="state_north_ame statr_99">
<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 class="state_north_ame statr_one">
<div class="state_img">
<img src="__TMPL__/public/assets/images/cicon_05@2x.png" alt="" />
... ... @@ -516,21 +538,21 @@
<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>
<div class="video_bg">
<video id="video" width="100%" style="height:100%;" src="{:cmf_get_file_download_url($res_xqyy.video)}" controlslist="nodownload"></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>
<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">
... ... @@ -624,17 +646,17 @@
<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 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 one-txt-cut">
￥{$vo.price}
</div>
</div>
</a>
</li>
</volist>
... ... @@ -685,13 +707,22 @@
</notempty>
</div>
<!--底部-->
<include file="public@footer"/>
<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>
// 禁止下载
$('video').bind('contextmenu', function() {
return false;
});
var video2 = document.getElementById("video2"); //获取ID
function nos() {
$('.vi_maks').hide();
video2.pause();
}
// 翻转
$('.center_card_bg').each(function() {
$(this).mouseover(function() {
... ... @@ -704,9 +735,13 @@
})
})
// 关闭视频
$('.vi_Img').click(function() {
nos();
});
// 星球奇景
$(".statr_one,.statr_two,.statr_three,.statr_four,.statr_five,.statr_six,.statr_seven").click(function() {
$(".statr_one,.statr_two,.statr_three,.statr_four,.statr_five,.statr_six,.statr_seven,.statr_99").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");
... ...
... ... @@ -21,8 +21,9 @@
</head>
<body>
<include file="public@header"/>
<include file="public@header" />
<div class="mask">
123544655464
</div>
<!-- 视频 -->
<div class="fourth_video">
... ... @@ -103,13 +104,38 @@
</div>
</div>
<include file="public@footer"/>
<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>
// 禁止下载
$('video').bind('contextmenu', function() {
return false;
});
//监听播放时间
var video = document.getElementById('video');
//使用事件监听方式捕捉事件
video.addEventListener("timeupdate", function() {
var timeDisplay;
//用秒数来显示当前播放进度
timeDisplay = Math.floor(video.currentTime);
console.log(Math.floor(video.currentTime));
video.addEventListener('play', function() {
video.currentTime = 0;
});
//当视频播放到 15s的时候做处理
if (timeDisplay >= 5) {
video.addEventListener('play', function() {
video.currentTime = 0;
}),
$('.video_mask').show();
video.pause();
}
}, false);
// 星域秀场视频
var video = document.getElementById("video");
... ... @@ -119,8 +145,8 @@
$(".fourth_video_start").hide();
$('.video_poster').css('z-index', '-1');
}
// swiper
// swiper
var swiper = new Swiper(".swiper-container", {
slidesPerView: 3,
paginationClickable: true,
... ... @@ -144,10 +170,10 @@
switch_video(0);
//点击切换
$('.curren li').click(function(){
$('.curren li').click(function() {
var index = $(this).index();
$('.curren').children('li').find('.li_img').css('opacity','0.3');
$('.curren').children('li').find('.txt-cut').css('color','rgba(153, 153, 153, 1)');
$('.curren').children('li').find('.li_img').css('opacity', '0.3');
$('.curren').children('li').find('.txt-cut').css('color', 'rgba(153, 153, 153, 1)');
switch_video(index);
});
$(".select ul li").click(function() {
... ... @@ -162,25 +188,25 @@
});
//切换视频
function switch_video(index){
function switch_video(index) {
//视频路径
var li_index = $('.curren').children('li').eq(index);
//选中颜色
li_index.find('.li_img').css('opacity','1');
li_index.find('.txt-cut').css('color','rgba(9, 255, 142, 1)');
li_index.find('.li_img').css('opacity', '1');
li_index.find('.txt-cut').css('color', 'rgba(9, 255, 142, 1)');
//视频
var oneVideo = li_index.children('.li_video').val();
$('#video').attr('src',oneVideo);
$('#video').attr('src', oneVideo);
// 视频封面图
var oneCover = li_index.find('.li_img').attr('src');
$('.video_poster').attr('src',oneCover);
// $('.video_poster').css('z-index', '10');
$('.video_poster').attr('src', oneCover);
// $('.video_poster').css('z-index', '10');
$('.fourth_video_start').css({
'z-index': "11",
"display":"block"
"display": "block"
});
//标题，国家，取景，上映时间
... ...
... ... @@ -2,13 +2,13 @@
<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"/>
<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 {
... ... @@ -53,19 +53,13 @@
</head>
<body>
<include file="public@header"/>
<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="" />
<video src="{:cmf_get_file_download_url($res_xqyy.video)}" id="video" width="100%" style="height: 3.4rem;" autoplay="autoplay" controls controlslist="nodownload"></video>
</div>
</notempty>
</div>
... ... @@ -259,8 +253,8 @@
<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">
<div class="fourth_log_bottom" style="height:4.04rem;">
<div class="fourth_log_one txt-cut" style="-webkit-line-clamp: 2;">
{$vo.post_title}
</div>
<div class="fourth_log_two txt-cut" style="-webkit-line-clamp: 3;">
... ... @@ -331,7 +325,7 @@
</a>
</div>
<!--底部-->
<include file="public@footer"/>
<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>
... ... @@ -353,14 +347,7 @@
}
// 星域秀场视频
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,
... ...
... ... @@ -18,7 +18,7 @@
</head>
<body>
<include file="public@header"/>
<include file="public@header" />
<!-- banner -->
<div class="first_top">
<div class="first_top_img">
... ... @@ -56,9 +56,12 @@
<div class="thirteenth_log_top">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</div>
<div class="thirteenth_log_bottom">
{$vo.post_title}
<div style="padding:0.24rem 0.34rem;box-sizing:border-box;">
<div class="thirteenth_log_bottom txt-cut" style="-webkit-line-clamp:2;">
{$vo.post_title}
</div>
</div>
</a>
</div>
</li>
... ... @@ -95,7 +98,7 @@
<div class="thirteenth_log_center_one txt-cut" style="-webkit-line-clamp: 2;">
{$vo.post_title}
</div>
<div class="thirteenth_log_bottom_one">
<div class="thirteenth_log_bottom_one one-txt-cut">
￥{$vo.price}
</div>
</a>
... ... @@ -134,7 +137,7 @@
<div class="thirteenth_log_center_one txt-cut" style="-webkit-line-clamp: 2;">
{$vo.post_title}
</div>
<div class="thirteenth_log_bottom_one">
<div class="thirteenth_log_bottom_one one-txt-cut">
￥{$vo.price}
</div>
</a>
... ... @@ -219,7 +222,7 @@
</ul>
</div>
</div>
<include file="public@footer"/>
<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>
... ...
... ... @@ -15,8 +15,8 @@
</head>
<body>
<include file="public@header"/>
<include file="public@slide"/>
<include file="public@header" />
<include file="public@slide" />
<div class="mask">
</div>
<!-- 星球故事 -->
... ... @@ -44,7 +44,7 @@
{$res.post_title}
</div>
<!--<div class="index_eighteenth_to_right_two">-->
<!--2019-01-09-->
<!--2019-01-09-->
<!--</div>-->
</div>
</div>
... ... @@ -65,8 +65,8 @@
</div>
<!--评论-->
<include file="public@comment"/>
<include file="public@footer"/>
<include file="public@comment" />
<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>
... ...
... ... @@ -100,6 +100,10 @@ a:link,
a:active,
a:visited,
a:hover {
text-decoration: none;
background: none;
-webkit-tap-highlight-color: white;
-webkit-tap-highlight-color: transparent;
background: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
... ... @@ -1214,7 +1218,7 @@ body {
font-size: 0.26rem;
color: rgba(153, 153, 153, 1);
line-height: 0.4rem;
margin:0.2rem 0;
margin: 0.2rem 0;
}
.in_seaConList {
... ...
... ... @@ -136,6 +136,7 @@
width: 100%;
height: 0.6rem;
display: block;
font-size: 0.24rem;
padding-left: 0.4rem;
padding-right: 0.2rem;
box-sizing: border-box;
... ...
/*单行溢出*/
body{
body {
overflow-x: hidden;
font-family: "微软雅黑";
}
.one-txt-cut {
overflow: hidden;
white-space: nowrap;
... ... @@ -28,6 +30,26 @@ body{
width: 7.5rem;
}
.vi_maks .vi_video {
width: 80%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.vi_Img {
position: absolute;
top: -0.36rem;
right: -0.3rem;
width: 0.42rem;
height: 0.42rem;
}
/* 首页轮播 */
... ... @@ -36,8 +58,18 @@ body{
position: relative;
}
body{
body {}
.vi_maks {
width: 100%;
height: 100%;
position: fixed;
top: 0;
z-index: 9999;
background-color: rgba(0, 0, 0, 0.3)
}
/* 地球 */
.top_earth {
... ... @@ -409,19 +441,15 @@ body{
}
.center_card_catant_one {
/* width: 1.78rem; */
/* height: 0.28rem; */
font-size: 0.3rem;
font-size: 0.26rem;
font-family: PingFang-SC-Medium;
font-weight: 500;
color: rgba(26, 26, 26, 1);
/* line-height: 0.46rem; */
}
.center_card_catant_two {
/* width: 1.72rem; */
/* height: 0.3rem; */
font-size: 0.3rem;
margin-top: 0.1rem;
font-size: 0.26rem;
font-family: PingFang-SC-Medium;
font-weight: 500;
color: rgba(26, 26, 26, 1);
... ... @@ -640,9 +668,8 @@ body{
}
.useraccount_career {
width: 1rem;
margin-left: 0.32rem;
/* width: 2.3rem; */
/* height: 0.24rem; */
font-size: 0.24rem;
font-family: PingFang-SC-Medium;
font-weight: 500;
... ... @@ -670,7 +697,7 @@ body{
.gallery {
overflow: hidden;
margin: 0 0 0 0.32rem;
margin: 0 0.32rem 0 0.32rem;
box-sizing: border-box;
background-image: url(../images/cicon_27@2x.png);
background-size: cover;
... ... @@ -753,9 +780,15 @@ body{
height: 2.3rem;
}
.statr_99 {
position: absolute;
top: 0rem;
left: 2.3rem;
}
.recommed_contant_title {
/* width: 2.32rem; */
height: 0.76rem;
height: 0.76rem;
font-size: 0.28rem;
font-family: PingFang-SC-Medium;
font-weight: 500;
... ... @@ -764,13 +797,10 @@ body{
}
.recommed_contant_money {
/* width: 1.1rem; */
/* height: 0.25rem; */
margin-top: 0.14rem;
font-size: 0.32rem;
font-family: PingFang-SC-Bold;
font-weight: bold;
color: rgba(0, 215, 116, 1);
line-height: 0.74rem;
}
... ... @@ -838,6 +868,7 @@ body{
/* 搜索 */
.first_search {
position: relative;
width: 3.16rem;
height: 0.6rem;
background: rgba(255, 255, 255, 1);
... ... @@ -874,10 +905,9 @@ body{
/* 亲临现场 */
.first_scene {
/*width: 7.5rem;*/
/* margin-top: 0.66rem;
margin-left: 0.32rem */
padding: 0.66rem 0.32rem 0.1rem 0.32rem;
padding: 0.66rem 0 0.1rem 0;
margin: 0 0.32rem;
overflow: hidden;
box-sizing: border-box;
}
... ... @@ -922,27 +952,17 @@ body{
/* 轮播图 */
.first_galley_contant {
width: 5rem;
}
.first_galley_contant_img img {
width: 100%;
height: 5rem!important;
}
.first_gallery .swiper-slide {
width: 5rem!important;
margin-right: 0.14rem!important
height: 100%;
}
.first_galley_contant_title {
padding: 0.34rem 0.44rem 0.26rem 0.30rem;
padding: 0.34rem 0.44rem 0rem 0.30rem;
box-sizing: border-box;
margin-top: -0.1rem;
height: 1.74rem;
height: 1.86rem;
background: rgba(255, 255, 255, 1);
margin-bottom: 0.30rem
}
.first_galley_contant_title_top {
... ... @@ -974,21 +994,12 @@ body{
/* 市井漫游 */
.first_town .swiper-slide {
width: 6rem!important;
margin-right: 0.14rem!important;
background: #fff
background: #fff;
}
.first_town .first_galley_contant_img {
padding: 0.25rem 0.25rem 0 0.25rem
}
.first_town .first_galley_contant_img img {
width: 5.5rem!important
}
.first_town .first_galley_contant {
width: 6rem;
padding: 0.24rem 0.24rem 0;
box-sizing: border-box;
}
... ... @@ -1053,8 +1064,6 @@ body{
.second_paging .page {
margin: 0.07rem;
/* width: 0.08rem; */
/* height: 0.2rem; */
font-size: 0.26rem;
font-family: PingFang-SC-Medium;
font-weight: 500;
... ... @@ -1244,6 +1253,7 @@ body{
}
.fourth_log_one {
text-align: center;
font-size: 0.3rem;
font-family: PingFang-SC-Medium;
font-weight: 500;
... ... @@ -2026,8 +2036,7 @@ body{
}
.thirteenth_log_bottom {
width: 3.86rem;
padding: 0.24rem 0.52rem 0.24rem 0.36rem;
padding: 0.06rem 0.06rem;
box-sizing: border-box;
font-size: 0.3rem;
font-family: PingFang-SC-Medium;
... ... @@ -2053,6 +2062,7 @@ body{
.thirteenth_log_top_one {
width: 1.6rem;
height: 1.6rem;
margin: auto;
}
.thirteenth_log_top_one img {
... ... @@ -2062,19 +2072,20 @@ body{
.thirteenth_log_center_one {
font-size: 0.28rem;
font-family: PingFang-SC-Medium;
font-weight: 500;
height: 0.84rem;
text-align: center;
color: rgba(26, 26, 26, 1);
line-height: 0.42rem;
margin-top: 0.46rem
margin-top: 0.42rem
}
.thirteenth_log_bottom_one {
font-size: 0.32rem;
font-family: PingFang-SC-Bold;
text-align: center;
font-weight: bold;
color: rgba(0, 215, 116, 1);
margin-top: 0.28rem
margin-top: 0.2rem;
line-height: 1;
}
... ... @@ -2305,8 +2316,6 @@ body{
}
.index_eighteenth_top_two {
display: flex;
justify-content: flex-start;
padding: 0 0.20rem 0.30rem 0.22rem;
box-sizing: border-box
}
... ... @@ -2573,12 +2582,13 @@ body{
.select ul {
overflow-y: scroll;
height: 2.6rem;
height: 2.3rem;
display: none;
position: absolute;
width: 2.54rem;
z-index: 10;
left: 0.3rem;
top: 0.64rem;
}
.select ul li {
... ...
... ... @@ -15,7 +15,7 @@ video.addEventListener("timeupdate", function() {
});
//当视频播放到 15s的时候做处理
if (timeDisplay >= 5) {
if (timeDisplay >= 20) {
video.addEventListener('play', function() {
video.currentTime = 0;
}),
... ...