Skip to content

T
tl_estate
Commit 11c1c6ba authored by agping's avatar agping
Browse files
Options

商铺 详情 h5分享页

parent fa98026b
Hide whitespace changes
Inline Side-by-side
Showing with 180 additions and 85 deletions
application/app/view/index/share_detail.html
View file @ 11c1c6ba
...@@ -27,13 +27,12 @@ ...@@ -27,13 +27,12 @@
<!--line 1--> <!--line 1-->
<div class="line_a"> <div class="line_a">
</div> </div>
<div class="line_a_ul"> <p class="b3_spanhao_font" id="font_24">
<ul class="line_a_ulul"> <span class="b3_spanhao_left">
</ul> 编号：
</div> <span class="b3_spanhao"></span>
<p class="b3_font1" id="font_24"> </span>
编号:
<span class="b3_spanhao"></span>
</p> </p>
<p class="line_hr"></p> <p class="line_hr"></p>
<!--line 2--> <!--line 2-->
...@@ -54,32 +53,36 @@ ...@@ -54,32 +53,36 @@
</ul> </ul>
</div> </div>
<p class="line_hr"></p> <p class="line_hr"></p>
<div class="line_a_ul">
<ul class="line_a_ulul">
</ul>
</div>
<!--line 3--> <!--line 3-->
<p class="b3_font1"> <p class="b3_font1 b3_span_shop_num">
物业管理费: <span>剩余铺数：</span>
<span class="b3_span0 gw"></span>
<span class="right b3_span_shop_num">
<span>剩余铺数:</span>
<span class="b3_span_build_num gw"></span> <span class="b3_span_build_num gw"></span>
</span>
</p> </p>
<p class="b3_font1"> <p class="b3_font1">
商铺类型: <span class="b3_span_build_type">建筑面积：</span>
<span class="b3_span gw"></span>
<span class="right">
<span class="b3_span_build_type">建筑面积:</span>
<span class="b3_span_build gw"></span> <span class="b3_span_build gw"></span>
</span>
</p> </p>
<p class="b3_font2"> <p class="b3_font1">
业态: 物业管理费：
<span class="b3_span2 gw"></span> <span class="b3_span0 gw"></span>
</p> </p>
<!--付款方式 签约年限-->
<p class="b3_font1"> <p class="b3_font1">
<span class="has-housed">已入驻:</span> 付款方式：
<span class="b3_span3 gw"></span> <span class="gw">付三押二</span>
</p>
<p class="b3_font1">
签约年限：
<span class="gw">3-5年</span>
</p>
<p class="b3_font2">
适合经营：
<span class="b3_span2 gw"></span>
</p> </p>
<p class="line_hr"></p> <p class="line_hr"></p>
<!--设施配套--> <!--设施配套-->
<div class="b4_font"> <div class="b4_font">
...@@ -97,61 +100,58 @@ ...@@ -97,61 +100,58 @@
</div> </div>
<p class="line_hr"></p> <p class="line_hr"></p>
<!--line 6--> <!--line 6-->
<div class="b4_font" id="b4_font"> <div class="b4_font">
<p class="b4_font_p"> <p class="b4_font_p">
详细信息 位置信息
</p> </p>
<p class="b4_font2"> <p class="b4_font2">
营业时间: 地址：<span class="b4_span1 gw duinei"></span>
<span class="b4_span1 gw yingye-time">
</span>
</p> </p>
<p class="b4_font2 zhaoshang-time-p">
<span class="zhaoshang-time-p">
招商时间:
<span class="b4_span1 gw zhaoshang-time">
</span>
</span>
<span class="kaiye-time-p right">
开业时间:
<span class="b4_span1 gw kaiye-time">
</span>
</span>
</p>
<!--面宽 进深 -->
<p class="b4_font2"> <p class="b4_font2">
面宽: 交通：<span class="b4_span1 gw jiaotong"></span>
<span class="b4_span1 gw area-width-details">
</span>
<span class="right">
进深:
<span class="b4_span1 gw depth-details">
</span>
</span>
</p> </p>
<p class="b4_font2"> </div>
目前证照经营范围： <p class="line_hr"></p>
<span class="b4_span1 gw business-scope-details"> <div class="b4_font" id="b4_font">
</span> <p class="b4_font_p">
详细信息
</p> </p>
<p class="b4_font2"> <p class="b4_font2">
商铺类型：
<span class="b3_span gw"></span>
</p>
<p class="b4_font2">
交付装修： 交付装修：
<span class="b4_span1 gw decoration-details"> <span class="b4_span1 gw decoration-details"></span>
</span>
</p> </p>
<p class="b4_font2"> <p class="b4_font2">
地址: 目前证照经营范围：
<span class="b4_span1 gw duinei"> <span class="b4_span1 gw business-scope-details"></span>
</span>
</p> </p>
<p class="b4_font2"> <p class="b4_font2">
交通: <span class="has-housed">已入驻：</span>
<span class="b4_span1 gw jiaotong"> <span class="b3_span3 gw"></span>
</span> </p>
<p class="b4_font2">
营业时间：
<span class="b4_span1 gw yingye-time"></span>
</p> </p>
<p class="b4_font2 zhaoshang-time-p">
招商时间：
<span class="b4_span1 gw zhaoshang-time"></span>
</p>
<p class="kaiye-time-p b4_font2">
开业时间：
<span class="b4_span1 gw kaiye-time"></span>
</p>
<p class="b4_font2">
面宽：
<span class="b4_span1 gw area-width-details"></span>
</p>
<p class="b4_font2">
进深：
<span class="b4_span1 gw depth-details"></span>
</p>
</div> </div>
<p class="line_hr"></p> <p class="line_hr"></p>
<!--line 4--> <!--line 4-->
...@@ -159,18 +159,20 @@ ...@@ -159,18 +159,20 @@
<p class="b4_font_p"> <p class="b4_font_p">
经纪人对本铺评价 经纪人对本铺评价
</p> </p>
<p class="b4_font_p1 yw"></p> <p class="b4_font_p_evaluation_first b4_font2">
</div> 周边配套：<span class="b4_font_evaluation">附近有沃尔玛超市、世纪联华超市、眼镜百货店等商场，杨泰公寓、杨泰二村等小区。</span>
<p class="line_hr"></p>
<!--line 5-->
<div class="b4_font">
<p class="b4_font_p">
商务条款
</p> </p>
<p class="b5_font_p1 yw"> <p class="b4_font_p_evaluation b4_font2">
所处地段：<span class="b4_font_evaluation">店铺位于商圈中心，地段繁华，交通便利。商铺在商场一楼，便于顾客进店。</span>
</p>
<p class="b4_font_p_evaluation b4_font2">
附近人流：<span class="b4_font_evaluation">店铺周围客流量大，人群消费意愿强。</span>
</p>
<p class="b4_font_p_evaluation b4_font2">
其他补充：<span class="b4_font_evaluation">有证照，省去开店前置手续。有380V动力电，满足设备用电需要。</span>
</p> </p>
</div> </div>
<!--line 5-->
<div class="b4_font"> <div class="b4_font">
<p class="b4_font_p" id="planter"> <p class="b4_font_p" id="planter">
楼盘平面 楼盘平面
...@@ -230,12 +232,20 @@ ...@@ -230,12 +232,20 @@
</div> </div>
<!--底部联系人浮窗部分--> <!--底部联系人浮窗部分-->
<div class="fix_area_bottom"> <div class="fix_area_bottom_new">
<div> <div>
<div>找铺请联系：<span id="fix_name"></span></div>
<div> <div>
<p><img src="/app/images/tele_icon@2x.png" /> <p>
<a id="fix_tel" href="javascript:;"></a> <img src="/app/images/ic_default_headpic.png" class="head-img-agent"/>
<span class="head-agent">&nbsp;经纪人：<span id="fix_name"></span></span>
</p>
</div>
<div>
<p>
<a id="fix_tel" href="javascript:;">
<img src="/app/images/icon_telephone@2x.png" class="tel-agent"/><br/>
<span>拨打电话</span>
</a>
</p> </p>
</div> </div>
</div> </div>
......
public/app/css/details_tl.css
View file @ 11c1c6ba
...@@ -60,13 +60,13 @@ ...@@ -60,13 +60,13 @@
width: 1.2rem; width: 1.2rem;
height: .4rem; height: .4rem;
font-size: 0.2rem; font-size: 0.2rem;
color: #FFA029; color: #1A1A1A;
line-height: 0.4rem; line-height: 0.4rem;
float: left; float: left;
margin-left: 0.3rem; margin-left: 0.3rem;
text-align: center; text-align: center;
margin-top: 0.15rem; margin-top: 0.15rem;
background-color: #FFF5E7; background-color: #F0F0F0;
} }
.line_hr{ .line_hr{
width: 92%; width: 92%;
...@@ -353,7 +353,91 @@ ...@@ -353,7 +353,91 @@
.icon-bg-facilities{ .icon-bg-facilities{
margin-bottom:.14rem ; margin-bottom:.14rem ;
} }
/*商铺详情 新的版本 样式更改*/
.b3_spanhao_font{
width: 92%;
font-size: 0.28rem;
color: #999999;
margin-left: 0.3rem;
float: left;
margin-top: .08rem;
}
.b3_spanhao_left{
float: right;
}
.b4_font_p_evaluation_first{
font-size: .28rem;
color: #333;
line-height: .56rem;
font-weight: 900;
}
.b4_font_p_evaluation{
font-size: .28rem;
color: #333;
margin-top: 0rem;
line-height: .56rem;
font-weight: 900;
}
.b4_font_evaluation{
color: #999999;
font-weight: 500;
}
.fix_area_bottom_new{
width: 100%;
position: fixed;
bottom: 0;
left: 0;
z-index: 9999;
display: none;
}
.fix_area_bottom_new>div{
width: 100%;
height: 1rem;
background: rgba(0,0,0,0.6);
position: absolute;
bottom: 0;
left: 0;
font-size: 0.24rem;
color: white;
}
.fix_area_bottom_new>div>div:nth-of-type(1){
width: 64%;
float: left;
}
.fix_area_bottom_new>div>div:nth-of-type(2){
float: left;
}
.fix_area_bottom_new>div>div:nth-of-type(1)>p{
margin-top: .18rem;
}
.fix_area_bottom_new>div>div:nth-of-type(2)>p{
margin-left: 1rem;
margin-top: .12rem;
text-align: center;
}
.head-img-agent{
height: .64rem;
width: .64rem;
border-radius: .28rem;
margin-left: .7rem;
vertical-align: middle;
margin-top: -0.16rem;
}
.tel-agent{
height: .4rem;
width: .4rem;
}
body{
margin-bottom: 1.4rem;
}
.head-agent{
display: inline-block;
width: 3.3rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-top: 0.16rem;
}
public/app/js/detaila_tl.js
View file @ 11c1c6ba
...@@ -50,7 +50,7 @@ ...@@ -50,7 +50,7 @@
} }
$(".pu_area").html(response.data.shop_area_start + '㎡'); $(".pu_area").html(response.data.shop_area_start + '㎡');
$(".b3_span").html("街铺"); $(".b3_span").html("街铺");
$('.pu_area_type').html('使用面积'); $('.pu_area_type').html('建筑面积');
$('.b3_span_build_type').html('建筑面积'+'：'); $('.b3_span_build_type').html('建筑面积'+'：');
$('.has-housed').html('当前商铺业态'+':'); $('.has-housed').html('当前商铺业态'+':');
...@@ -253,10 +253,11 @@ ...@@ -253,10 +253,11 @@
var _name = getUrlParam('user_name'); var _name = getUrlParam('user_name');
var _tel = getUrlParam('user_tel'); var _tel = getUrlParam('user_tel');
if(_name || _tel) { if(_name || _tel) {
var _fix_bottom = $(".fix_area_bottom"); var _fix_bottom = $(".fix_area_bottom_new");
_fix_bottom.show(); _fix_bottom.show();
$("#fix_name").html(_name); $("#fix_name").html(_name);
$("#fix_tel").attr("href", "tel:" + _tel).html(_tel); // $("#fix_tel").attr("href", "tel:" + _tel).html(_tel);
$("#fix_tel").attr("href", "tel:" + _tel);
$("#fix_area_bottom_btn").click(function() { $("#fix_area_bottom_btn").click(function() {
_fix_bottom.hide(); _fix_bottom.hide();
}); });
......
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