Skip to content

T
tl_estate
Commit 8c1219fc authored by agping's avatar agping
Browse files
Options

商铺详情修改

parent 90896279
Hide whitespace changes
Inline Side-by-side
Showing with 105 additions and 67 deletions
application/index/view/share_shop/share_detail.html
View file @ 8c1219fc
......@@ -16,7 +16,7 @@
</head>
<style type="text/css">
.shop-img-list{
margin-top: 2rem;
margin-top: .8rem;
width: 7.5rem;
overflow-x: scroll;
white-space: nowrap;
......@@ -32,8 +32,7 @@
position: absolute;
width: 3.2rem;
height: 2.38rem;
background: url(/app/images/img_logo@2x.png) no-repeat center center/.68rem .68rem;
background: url(/app/images/bofang@2x.png) no-repeat center center/.6rem .6rem;
}
.shop-img-list img{
width: 3.2rem;
......@@ -41,35 +40,72 @@
border-radius:.1rem;
margin-right: .18rem;
}
.m_part1_w{
height: 4.7rem!important;
border: 0!important;
}
#img_item_ul video{
width: 7.5rem;
}
#img_item_ul li{
display: flex;
align-items: center;
background: #F8F9FB;
}
.shop-detail-tel{
position: absolute;
bottom: 0;
width:7.50rem;
height:1.06rem;
background:rgba(255,255,255,1);
box-sizing: border-box;
padding: .3rem;
}
.shop-detail-tel span:nth-of-type(1){
font-size:.28rem;
font-weight:500;
color:rgba(51,51,51,1);
}
.shop-detail-tel span:nth-of-type(2){
font-size:.24rem;
font-weight:400;
color:rgba(102,102,102,1);
margin-right: 1rem;
}
.shop-detail-tel span:nth-of-type(3){
font-size:.28rem;
font-weight:400;
color:rgba(255,128,24,1);
}
.tel-agent-video{
position: absolute;
right: .2rem;
top: .18rem;
width: .6rem;
height: .6rem;
background: url(/app/images/agent-tel-pc.png) no-repeat center center/.4rem .4rem;
}
</style>
<body style="background: #FFFFFF">
<input type="hidden" id="open_id" value='{$data}' />
<header class="m_part1_w">
<div class="u_btn1b" onclick="window.history.go(-1)" style="margin-top:0.1rem"><span style=""><i class="icon-angle-left" style="font-size:0.65rem"></i></span></div>
<!--<div class="lp-bunner">
<ul class="swiper-wrapper" id="img_item_ul">
</ul>
<span class="lp-bunner-page"> <span class="lp-index"> 1 </span> / <span class="lp-sum"> 50 </span> </span>
</div>-->
<div class="line_a" style="margin-top: 1rem;">
</div>
<p class="b3_spanhao_font" id="font_24" style="margin-bottom: .1rem;">
<span class="b3_spanhao_left">
编号：
<span class="b3_spanhao"></span>
</span>
</p>
<div class="shop-img-list">
<!--<div><img src="https://images.tonglianjituan.com//resource/lib/Attachments/video/20190409/20190409121637883.jpg" alt="" /></div>
<div><img src="https://images.tonglianjituan.com//resource/lib/Attachments/video/20190409/20190409121637883.jpg" alt="" /></div>
<div><img src="https://images.tonglianjituan.com//resource/lib/Attachments/video/20190409/20190409121637883.jpg" alt="" /></div>
<div><img src="https://images.tonglianjituan.com//resource/lib/Attachments/video/20190409/20190409121637883.jpg" alt="" /></div>
<div><img src="https://images.tonglianjituan.com//resource/lib/Attachments/video/20190409/20190409121637883.jpg" alt="" /></div>-->
</div>
</header>
<!--line 1-->
<div class="line_a">
</div>
<p class="b3_spanhao_font" id="font_24">
<span class="b3_spanhao_left">
编号：
<span class="b3_spanhao"></span>
</span>
</p>
<p class="line_hr"></p>
<!--line 2-->
<div class="line_b">
......@@ -306,7 +342,10 @@
<div class="lp-bunner" style="display: none;">
<ul class="swiper-wrapper" id="img_item_ul">
</ul>
<span class="lp-bunner-page"> <span class="lp-index"> 1 </span> / <span class="lp-sum"> 50 </span> </span>
<span class="lp-bunner-page">
<span class="back-to-shop-detail"></span>
<span class="lp-index"> 1 </span> / <span class="lp-sum"> 50 </span>
</span>
</div>
<!--<script src="/app/js/jquery.js"></script>-->
......
public/app/css/b_lunbo.css
View file @ 8c1219fc
......@@ -120,12 +120,13 @@
}
.lp-bunner {
position: absolute;
height: 53.2rem;
position: fixed;
/*height: 53.2rem;*/
height: 100vh;
overflow: hidden;
background: #aaa;
top: 0;
z-index: 6666;
z-index: 99999999;
}
.lp-bunner ul, .lp-bunner li {
......@@ -133,9 +134,10 @@
}
.lp-bunner a {
height: 100%;
/*height: 100%;*/
display: block;
position: relative
/*position: relative;*/
}
.lp-bunner .icon-video {
......@@ -149,20 +151,27 @@
}
.lp-bunner-page {
font-size: 0.26rem;
font-size: 0.36rem;
position: absolute;
top: 0;
text-align: center;
color: #333333;
width: 7.5rem;
height:.9rem;
line-height: .9rem;
background:rgba(255,255,255,1);
box-shadow:0px 4px 8px 0px rgba(186,186,186,0.15);
}
.back-to-shop-detail{
position: absolute;
left:44%;
bottom: 0.3rem;
text-align: center;
color: #fff;
display: inline-block;
width: 1rem;
height: 0.5rem;
border-radius: 0.25rem;
background:rgba(0,0,0,0.5);
line-height: 0.48rem;
left: .1rem;
width: .9rem;
height: .9rem;
background: rgba(255,255,255,1) url(/app/images/Path_details_shop@2x.png) no-repeat center center/.23rem .38rem
}
#classNames li {
height: 1rem;
line-height: 1rem;
......
public/app/js/detaila_tl.js
View file @ 8c1219fc
......@@ -175,7 +175,6 @@
var lp_img = response.data.images; //轮播图(图片)
var lp_video = response.data.shop_videos; //轮播图(视频)
var lp_img1 = response.data.plan_images; //楼层平面图
var img_item_ul = "";
var vadio_item_ul = "";
......@@ -186,34 +185,16 @@
};
for(var n = 0; n < lp_img.length; n++) {
img_item_ul += '<div class=""><img src="' + response.data.api_path + response.data.images[n].img_name + '" onerror="src=\'/app/images/pzz_.jpg\'"/></div>'
img_item_ul += '<div class="luobo-shop-detail"><img src="' + response.data.api_path + response.data.images[n].img_name + '" onerror="src=\'/app/images/pzz_.jpg\'"/></div>'
$(".shop-img-list").html(img_item_ul);
};
//滚动区域
//平面图 去掉
// if(lp_img1.length == "0") {
// $("#planter").hide();
// }
// for(var n = 0; n < lp_img1.length; n++) {
// slider3 += '<div class="slide"><img src="' + response.data.api_path + response.data.plan_images[n].img_name + '"></div>'
// $(".slider3").html(slider3);
// }
// 视频详情
for(var n = 0; n < lp_video.length; n++) {//视频详情
vadio_item_ul += '<li class="swiper-slide swiper-slide-active" data-index="1" data-totalindex="1" data-class="101" data-sum="6" style="width: 414px;"><a><video src="' + response.data.shop_videos[n].video_path + '" controls="controls"></video></a></li>'
vadio_item_ul += '<li class="swiper-slide swiper-slide-active" data-index="1" data-totalindex="1" data-class="101" data-sum="6" style="width: 414px;"><a><video src="' + response.data.shop_videos[n].video_path + '" controls="controls"></video></a><div class="shop-detail-tel"><span>'+ response.data.shop_videos[n].upload_name +'</span><span>（该视频由我上传）</span><span>'+ response.data.shop_videos[n].upload_phone+'</span><a class="tel-agent-video" href="tel:' + response.data.shop_videos[n].upload_phone + '"></a></div></li>'
};
for(var n = 0; n < lp_img.length; n++) {
......@@ -222,6 +203,9 @@
};
// 视频详情
//地图相关暂未启用
var longitude = response.data.longitude;
......@@ -343,8 +327,7 @@
//点击 视频区域
$(document).on('click', '.luobo-shop-detail', function(e) {
console.log(55)
$('.lp-bunner').show();
$('.lp-bunner').show();
var swiper = new Swiper('.lp-bunner', {
preloadImages: false,
lazyLoading: true,
......@@ -354,7 +337,9 @@
},
onInit: function(swiper) {
$('.lp-index').text(swiper.activeIndex + 1);
$('.lp-sum').text(swiper.imagesToLoad.length || swiper.imagesLoaded || $('img', '.lp-bunner').size());
// $('.lp-sum').text(swiper.imagesToLoad.length || swiper.imagesLoaded || $('img', '.lp-bunner').size());
$('.lp-sum').text($('.swiper-slide').size());
}
});
......@@ -368,6 +353,11 @@
width: liWidth ? liWidth : 52.5
});
});
//点击视频详情 返回
$(document).on('click', '.back-to-shop-detail', function(e) {
$('.lp-bunner').hide(); //隐藏视频详情
// window.location.reload()
});
$("#fix_tel").click(function() {
var _time = localStorage.getItem(_tel+"_"+_shangpuId);
var _nowTime = (new Date()).getTime();
......
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