Skip to content

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

商铺 详情 h5分享页

parent fa98026b
Show whitespace changes
Inline Side-by-side
Showing with 175 additions and 80 deletions
application/app/view/index/share_detail.html
View file @ 11c1c6ba
......@@ -27,13 +27,12 @@
<!--line 1-->
<div class="line_a">
</div>
<div class="line_a_ul">
<ul class="line_a_ulul">
</ul>
</div>
<p class="b3_font1" id="font_24">
编号:
<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-->
......@@ -54,32 +53,36 @@
</ul>
</div>
<p class="line_hr"></p>
<div class="line_a_ul">
<ul class="line_a_ulul">
</ul>
</div>
<!--line 3-->
<p class="b3_font1">
物业管理费:
<span class="b3_span0 gw"></span>
<span class="right b3_span_shop_num">
<span>剩余铺数:</span>
<p class="b3_font1 b3_span_shop_num">
<span>剩余铺数：</span>
<span class="b3_span_build_num gw"></span>
</span>
</p>
<p class="b3_font1">
商铺类型:
<span class="b3_span gw"></span>
<span class="right">
<span class="b3_span_build_type">建筑面积:</span>
<span class="b3_span_build_type">建筑面积：</span>
<span class="b3_span_build gw"></span>
</span>
</p>
<p class="b3_font2">
业态:
<span class="b3_span2 gw"></span>
<p class="b3_font1">
物业管理费：
<span class="b3_span0 gw"></span>
</p>
<!--付款方式 签约年限-->
<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 class="line_hr"></p>
<!--设施配套-->
<div class="b4_font">
......@@ -97,60 +100,57 @@
</div>
<p class="line_hr"></p>
<!--line 6-->
<div class="b4_font">
<p class="b4_font_p">
位置信息
</p>
<p class="b4_font2">
地址：<span class="b4_span1 gw duinei"></span>
</p>
<p class="b4_font2">
交通：<span class="b4_span1 gw jiaotong"></span>
</p>
</div>
<p class="line_hr"></p>
<div class="b4_font" id="b4_font">
<p class="b4_font_p">
详细信息
</p>
<p class="b4_font2">
营业时间:
<span class="b4_span1 gw yingye-time">
</span>
</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>
商铺类型：
<span class="b3_span gw"></span>
</p>
<!--面宽 进深 -->
<p class="b4_font2">
面宽:
<span class="b4_span1 gw area-width-details">
</span>
<span class="right">
进深:
<span class="b4_span1 gw depth-details">
</span>
</span>
交付装修：
<span class="b4_span1 gw decoration-details"></span>
</p>
<p class="b4_font2">
目前证照经营范围：
<span class="b4_span1 gw business-scope-details">
</span>
<span class="b4_span1 gw business-scope-details"></span>
</p>
<p class="b4_font2">
交付装修：
<span class="b4_span1 gw decoration-details">
</span>
<span class="has-housed">已入驻：</span>
<span class="b3_span3 gw"></span>
</p>
<p class="b4_font2">
地址:
<span class="b4_span1 gw duinei">
</span>
营业时间：
<span class="b4_span1 gw yingye-time"></span>
</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 jiaotong">
</span>
面宽：
<span class="b4_span1 gw area-width-details"></span>
</p>
<p class="b4_font2">
进深：
<span class="b4_span1 gw depth-details"></span>
</p>
</div>
<p class="line_hr"></p>
......@@ -159,18 +159,20 @@
<p class="b4_font_p">
经纪人对本铺评价
</p>
<p class="b4_font_p1 yw"></p>
</div>
<p class="line_hr"></p>
<!--line 5-->
<div class="b4_font">
<p class="b4_font_p">
商务条款
<p class="b4_font_p_evaluation_first 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="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">有证照，省去开店前置手续。有380V动力电，满足设备用电需要。</span>
</p>
</div>
<!--line 5-->
<div class="b4_font">
<p class="b4_font_p" id="planter">
楼盘平面
......@@ -230,12 +232,20 @@
</div>
<!--底部联系人浮窗部分-->
<div class="fix_area_bottom">
<div class="fix_area_bottom_new">
<div>
<div>找铺请联系：<span id="fix_name"></span></div>
<div>
<p><img src="/app/images/tele_icon@2x.png" />
<a id="fix_tel" href="javascript:;"></a>
<p>
<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>
</div>
</div>
......
public/app/css/details_tl.css
View file @ 11c1c6ba
......@@ -60,13 +60,13 @@
width: 1.2rem;
height: .4rem;
font-size: 0.2rem;
color: #FFA029;
color: #1A1A1A;
line-height: 0.4rem;
float: left;
margin-left: 0.3rem;
text-align: center;
margin-top: 0.15rem;
background-color: #FFF5E7;
background-color: #F0F0F0;
}
.line_hr{
width: 92%;
......@@ -353,7 +353,91 @@
.icon-bg-facilities{
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 @@
}
$(".pu_area").html(response.data.shop_area_start + '㎡');
$(".b3_span").html("街铺");
$('.pu_area_type').html('使用面积');
$('.pu_area_type').html('建筑面积');
$('.b3_span_build_type').html('建筑面积'+'：');
$('.has-housed').html('当前商铺业态'+':');
......@@ -253,10 +253,11 @@
var _name = getUrlParam('user_name');
var _tel = getUrlParam('user_tel');
if(_name || _tel) {
var _fix_bottom = $(".fix_area_bottom");
var _fix_bottom = $(".fix_area_bottom_new");
_fix_bottom.show();
$("#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_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