app 分享商铺详情

application/app/view/index/share_detail.html

@@ -24,33 +24,11 @@
 				<span class="lp-bunner-page"> <span class="lp-index"> 1 </span> / <span class="lp-sum"> 50 </span> </span>
 			</div>
 		</header>
-
 		<!--line 1-->
 		<div class="line_a">
-			<!--<p class="a_fonta">
-				恒大国际广场
-			</p>-->
-			<!--<p class="a_fontb">
-				20000-25000元/月(月租金)
-			</p>
-			<span class="a_fontc">
-    物业管理费：2000元/月
-    </span>
-			<span class="a_fontd">
-    进场费：200000元
-    </span>-->
 		</div>
 		<div class="line_a_ul">
 			<ul class="line_a_ulul">
-				<!--<li>
-					随时看房
-				</li>
-				<li>
-					繁华看房
-				</li>
-				<li>
-					随时看房
-				</li>-->
 			</ul>
 		</div>
 		<p class="b3_font1" id="font_24">
@@ -59,34 +37,19 @@
 		</p>
 		<p class="line_hr"></p>
 		<!--line 2-->
-		
 		<div class="line_b">
 			<ul>
 				<li class="ul_b1">
-					<span class="b1_span_ pu_area_type">
-				商铺面积
-			</span>
-					<span class="b1_span_totl pu_area">
-
-            </span>
-            
+					<span class="b1_span_ pu_area_type">商铺面积</span>
+					<span class="b1_span_totl pu_area"></span>
 				</li>
 				<li class="ul_b2">
-					<span class="b1_span_ pu_price_type">
-				租金
-			</span>
-					<span class="b1_span_totl pu_price">
-
-                </span>
-
+					<span class="b1_span_ pu_price_type">租金</span>
+					<span class="b1_span_totl pu_price"></span>
 				</li>
 				<li class="ul_b3">
-					<span class="b1_span_ slotting_fee_type">
-				转让费
-			</span>
-					<span class="b1_span_totl slotting_fee">
-
-            </span>
+					<span class="b1_span_ slotting_fee_type">转让费</span>
+					<span class="b1_span_totl slotting_fee"></span>
 				</li>
 			</ul>
 		</div>
@@ -113,29 +76,24 @@
 			<span class="b3_span2 gw"></span>
 		</p>
 		<p class="b3_font1">
-			 已入驻:
+			已入驻:
 			<span class="b3_span3 gw"></span>
-			</p>
-		<!--<span class="b3_font3 dt">
-	已入驻:
-</span>
-		<span class="b3_span3 gw dt"></span>-->
-		<p class="line_hr"></p>
-		<!--line 4-->
-		<div class="b4_font">
-			<p class="b4_font_p">
-				项目优势
-			</p>
-			<p class="b4_font_p1 yw"></p>
-		</div>
+		</p>
+
 		<p class="line_hr"></p>
-		<!--line 5-->
+		<!--设施配套-->
 		<div class="b4_font">
 			<p class="b4_font_p">
-				签约规则
-			</p>
-			<p class="b5_font_p1 yw">
+				配套设施
 			</p>
+			<ul class="b4_font2 supporting-facilities">
+				<li><span class="icon-bg-facilities"><img src="/app/images/icon_200w@2x.png" class="supporting-facilities-img"/></span><span class="">200W</span></li>
+				<li><span class="icon-bg-facilities"><img src="/app/images/icon380v@2x.png" class="supporting-facilities-img"/></span><span class="">380V</span></li>
+				<li><span class="icon-bg-facilities"><img src="/app/images/icon_gas@2x.png" class="supporting-facilities-img"/></span><span class="">燃气</span></li>
+				<li><span class="icon-bg-facilities"><img src="/app/images/icon_piping@2x.png" class="supporting-facilities-img"/></span><span class="">烟管道</span></li>
+				<li><span class="icon-bg-facilities"><img src="/app/images/icon_upper@2x.png" class="supporting-facilities-img"/></span><span class="">上水</span></li>
+				<li><span class="icon-bg-facilities"><img src="/app/images/icon_sewer@2x.png" class="supporting-facilities-img"/></span><span class="">下水</span></li>
+			</ul>
 		</div>
 		<p class="line_hr"></p>
 		<!--line 6-->
@@ -147,21 +105,21 @@
 				营业时间:
 				<span class="b4_span1 gw yingye-time">
     </span>
-    			<span class="zhaoshang-time-p right">
+				<span class="zhaoshang-time-p right">
 				招商时间:
 				<span class="b4_span1 gw zhaoshang-time">
     </span>
-			</span>
+				</span>
 			</p>
 			<p class="b4_font2">
 				是否有燃气:
 				<span class="b4_span1 gw meiqi">
     </span>
-    			<span class="kaiye-time-p right">
+				<span class="kaiye-time-p right">
 				开业时间:
 				<span class="b4_span1 gw kaiye-time">
     </span>
-			</span>
+				</span>
 			</p>
 			<p class="b4_font2">
 				对内地址:
@@ -169,33 +127,45 @@
     </span>
 			</p>
 			<p class="b4_font2">
-				  交通:
+				交通:
 				<span class="b4_span1 gw jiaotong">
     </span>
 			</p>
 		</div>
-		<!--<div class="img_url" id="allmap">-->
+		<p class="line_hr"></p>
+		<!--line 4-->
+		<div class="b4_font">
+			<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>
+			<p class="b5_font_p1 yw">
+			</p>
+		</div>
 
-		<!--</div>-->
-		<!--<p class="line_hr"></p>-->
-		<!--line 7-->
 		<div class="b4_font">
 			<p class="b4_font_p" id="planter">
 				楼盘平面
-				<!--<img src="/app/images/tonglian/but_right@2x.png" class="but_right">-->
 			</p>
 		</div>
 		<div class="slider3">
 
 		</div>
 		<p class="line_hr"></p>
-        <!--房源动态-->
-        <div class="b4_font">
+		<!--房源动态-->
+		<div class="b4_font">
 			<p class="b4_font_p">
 				房源动态
 			</p>
 		</div>
-        <div class="line_b">
+		<div class="line_b">
 			<ul>
 				<li class="ul_b1">
 					<span class="b1_span ">

public/app/css/details_tl.css

@@ -331,7 +331,28 @@
 #planter{
 	margin-bottom: .3rem;
 }
+/*配套设施*/
 
+.supporting-facilities{
+	width: 100%;
+}
+
+.supporting-facilities>li{
+	float: left;
+	width: 20%;
+	margin-top: .32rem;
+	text-align: center;
+}
+.supporting-facilities>li span{
+	float: left;
+	width: 100%;
+}
+.supporting-facilities-img{
+	width: .4rem;
+}
+.icon-bg-facilities{
+	margin-bottom:.14rem ;
+}