|
@@ -5,6 +5,7 @@
|
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
|
<title>晋江人力资本有限公司</title>
|
|
|
<link rel="stylesheet" href="__HCSS__/style.css">
|
|
|
+ <link rel="stylesheet" href="/static/common/css/swiper.min.css">
|
|
|
<style>
|
|
|
.container {width:1255px;height:605px;background-image:url("__HIMAGES__/index.jpg");background-size:100% 100%;background-repeat:no-repeat;position:relative;}
|
|
|
.inner-box {width:890px;height:546px;position:absolute;left:336px;top:32px;background:white;}
|
|
@@ -21,7 +22,7 @@
|
|
|
.review-box .img-box .img {width:224px;height:116px;border-radius:20px;background-size:cover;background-position: center;}
|
|
|
.review-box .img-box p {font-size:12px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;height:32px;line-height:16px;}
|
|
|
.right {margin-right:30px;}
|
|
|
- .booked-box {width:570px;height:322px;background:#F6F6F6;border:1px solid #FEFEFE;border-radius:20px;overflow:auto;}
|
|
|
+ .booked-box {width:570px;height:322px;background:#F6F6F6;border:1px solid #FEFEFE;border-radius:20px;overflow-x:hidden;overflow-y: scroll;}
|
|
|
.booked-title {margin-top:20px;}
|
|
|
.booked-box table {width:535px;margin-left:20px;font-size:14px;margin-top:10px;}
|
|
|
.booked-box table td{padding-right:5px;}
|
|
@@ -53,12 +54,20 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="review-box">
|
|
|
- {volist name="previous" id="vo"}
|
|
|
- <div class="img-box">
|
|
|
- <div class="img" data-url="{$vo.image}" data-title="{$vo.title}" style="background-image:url('{$vo.image}')"></div>
|
|
|
- <p>{$vo.title}</p>
|
|
|
+ <div class="swiper-container" id="swiper1">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ {volist name="previous_list" id="previous"}
|
|
|
+ <div class="swiper-slide">
|
|
|
+ {volist name="previous" id="vo"}
|
|
|
+ <div class="img-box">
|
|
|
+ <div class="img" data-url="{$vo.image}" data-title="{$vo.title}" style="background-image:url('{$vo.image}')"></div>
|
|
|
+ <p>{$vo.title}</p>
|
|
|
+ </div>
|
|
|
+ {/volist}
|
|
|
+ </div>
|
|
|
+ {/volist}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- {/volist}
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="right fr">
|
|
@@ -73,7 +82,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="booked-box">
|
|
|
- <table cellpadding="0" cellspacing="0">
|
|
|
+ <table cellpadding="0" cellspacing="0" id="booked-box">
|
|
|
<tr class="thead">
|
|
|
<td style="width:111px;">时间</td>
|
|
|
<td style="width:253px">内容</td>
|
|
@@ -111,8 +120,10 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<script src="__COMMON_JS__/jquery-1.12.4.min.js"></script>
|
|
|
+<script src="/static/common/js/swiper.min.js"></script>
|
|
|
<script src="__COMMON_JS__/layer/layer.js"></script>
|
|
|
<script>
|
|
|
+ var swiper1 = new Swiper('#swiper1',{autoplay: 5000});
|
|
|
$('.img').click(function(){
|
|
|
let url = $(this).data('url');
|
|
|
let title = $(this).data('title');
|
|
@@ -134,6 +145,17 @@
|
|
|
});
|
|
|
$('.layui-layer-imgbar').show();
|
|
|
});
|
|
|
+ const boxHeight = $('#booked-box').height();
|
|
|
+ const bookHeight = $('.booked-box').height();
|
|
|
+ const scrollheight = boxHeight - bookHeight + 20;
|
|
|
+ let boxTop = 0;
|
|
|
+ setInterval(function(){
|
|
|
+ if (boxTop >= scrollheight) {
|
|
|
+ boxTop = 0;
|
|
|
+ }
|
|
|
+ boxTop++;
|
|
|
+ $('.booked-box').scrollTop(boxTop);
|
|
|
+ },50)
|
|
|
</script>
|
|
|
</body>
|
|
|
</html>
|