Commit 4ec77be9 authored by xishifeng's avatar xishifeng

客户动态详情,图片点击跳转处理

parent dd346f56
...@@ -100,6 +100,11 @@ class Index ...@@ -100,6 +100,11 @@ class Index
return view('index/customerinfo_customer_add'); return view('index/customerinfo_customer_add');
} }
public function imagebody()
{
return view('index/imagebody');
}
public function xiazai() public function xiazai()
{ {
return view('index/xiazai'); return view('index/xiazai');
......
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>福居好房</title>
<meta http-equiv="X-UA-Compatible" content="IE=10" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<link rel="stylesheet" href="/app/css/common.css">
<link rel="stylesheet" href="/app/css/swiper.min.css">
<style type="text/css">
body{
background-color: #222;
}
#pic_box{
width: 100%;
}
img{
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.imagebody-back{
position: fixed;
top: 0;
bottom: 0;
left: 0;
display: block;
width: .88rem;
height: .88rem;
background: url('/app/images/left_icon_white@2x.png') no-repeat 0.3rem center!important;
background-size: .12rem .22rem;
z-index: 999999999;
}
</style>
</head>
<body>
<a class="imagebody-back" href="javascript:(history.length>1?history.go(-1):window.location='/');"></a>
<div class="swiper-container" id="pic_box">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="swiper-zoom-container">
<img src="" id="imgname">
</div>
</div>
</div>
</div>
<script type="text/javascript" src="/app/js/jquery-1122-min.js"></script>
<script src="/app/js/common.js"></script>
<script src="/app/js/libs/swiper3.4.2.min.js"></script>
<script src="/app/js/imagebody.js"></script>
</body>
</html>
...@@ -47,6 +47,7 @@ Route::group('app_broker',[ ...@@ -47,6 +47,7 @@ Route::group('app_broker',[
'timeline_pc' => [ 'app_broker/index/timeline_pc', [ 'method' => 'get' ] ], 'timeline_pc' => [ 'app_broker/index/timeline_pc', [ 'method' => 'get' ] ],
'customerinfo_customer_add' => [ 'app_broker/index/customerinfo_customer_add', [ 'method' => 'get' ] ], 'customerinfo_customer_add' => [ 'app_broker/index/customerinfo_customer_add', [ 'method' => 'get' ] ],
'customerinfo_details_new' => [ 'app_broker/index/customerinfo_details_new', [ 'method' => 'get' ] ], 'customerinfo_details_new' => [ 'app_broker/index/customerinfo_details_new', [ 'method' => 'get' ] ],
'imagebody' => [ 'app_broker/index/imagebody', [ 'method' => 'get' ] ],
'xiazai' => [ 'app_broker/index/xiazai', [ 'method' => 'get' ] ], 'xiazai' => [ 'app_broker/index/xiazai', [ 'method' => 'get' ] ],
]); ]);
......
...@@ -105,7 +105,7 @@ function loadMain(){ ...@@ -105,7 +105,7 @@ function loadMain(){
'4': obj['price_requirement'], '4': obj['price_requirement'],
'5': obj['area_detail'], '5': obj['area_detail'],
'6': obj['explain'], '6': obj['explain'],
'7': obj['explain_img']?'<ol class="li-img-list"><li><a href="imagebody.html?fullUrl='+obj['img_path']+obj['explain_img']+'"><img src="'+obj['img_path']+obj['explain_img']+'" /></a></li></ol>':'' '7': obj['explain_img']?'<ol class="li-img-list"><li><a href="/app_broker/imagebody?fullUrl='+obj['img_path']+obj['explain_img']+'"><img src="'+obj['img_path']+obj['explain_img']+'" /></a></li></ol>':''
}); });
}; };
var _htmlTemp = ''; var _htmlTemp = '';
......
$(document).ready(function(e){
//如果没有找到上一个页面的链接地址那么就隐藏返回按钮
// if("" == document.referrer){
// $(".ps-back").css('display','none');
// }
var path = "";
var imgFullUrl = getUrlParam('fullUrl');
if(imgFullUrl != null){
path = imgFullUrl;
}
var _box = $("#pic_box");
_box.show().css(
{"height":$(window).height()-_box.offset().top}
);
$("#imgname").attr("src",path);
var swiper = new Swiper('.swiper-container', {
zoom: true
});
});
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment