details.php 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194
  1. <?php
  2. /**
  3. * Created by PhpStorm.
  4. * User: xiaofeng
  5. * Date: 2018/4/20
  6. * Time: 上午12:44
  7. */
  8. use mobile\assets\AppAsset;
  9. use yii\helpers\Html;
  10. AppAsset::addCss($this,Yii::$app->request->baseUrl."/css/vieo_details.css");
  11. AppAsset::addCss($this,Yii::$app->request->baseUrl."/js/index/swiper-3.4.2.min.css");
  12. AppAsset::addScript($this,Yii::$app->request->baseUrl."/js/index/swiper-3.4.2.min.js");
  13. AppAsset::addScript($this,Yii::$app->request->baseUrl."/js/video/details.js");
  14. $this->title = '视频看房详情-易购房';
  15. ?>
  16. <div class="y_publichead">
  17. <div class="y_publicmain">
  18. <div class="y_publiccenter c">
  19. <div class="y_publicleft"><a href=""><img src="/image/ico_26.png" alt=""></a></div>
  20. <div class="y_publiccont"><a href="javascript:;">视频播放页</a></div>
  21. <div class="y_publicright"><a href=""><img src="/image/ico_27.png" alt=""></a></div>
  22. </div>
  23. </div>
  24. </div>
  25. <div style="height:60px;"></div>
  26. <!-- 视频播放 -->
  27. <div class="video_box">
  28. <div class="video_in">
  29. <video id="dk" src="http://video.pinfangw.com/wanningxuanchuanpian.mp4" poster="/image/2.png" max-width="640" height="240" controls="controls" id="video" autobuffer="" style="object-fit:fill" ></video>
  30. <div class="vide_btn">
  31. <img src="/image/play_min.png" alt="">
  32. </div>
  33. </div>
  34. <div class="video_font">
  35. 清澜半岛 [文昌]
  36. <span class="txt_last">
  37. <img src="/image/fire.png" alt="">
  38. <span>6000人观看</span>
  39. </span>
  40. </div>
  41. </div>
  42. <div class="fnt_b">
  43. <p>项目特色:</p>
  44. <p> 清澜半岛项目位于海南省文昌市高隆湾片区,项目三面环海,具有270°一线海景资源,项目占地面积约1800亩,总体量约118万方,业态包括:别墅、洋房、高层/小高层、地下车库、五星级酒店、展示区会所、会所、康疗**、配套商业、主体商业。项目前期定位为以打造休闲活力湾区为目的旅游地产项目,以度假人群为主。项目周边配套成熟,拥有高隆湾、八门湾、红树林等丰富的旅游资源。</p>
  45. </div>
  46. <div class="y_newsub">
  47. <div class="y_newsub_main">
  48. <div class="y_newsub_bg">
  49. <img src="/image/ico_news_dy.png" alt="">
  50. </div>
  51. <div class="y_newsub_cent">
  52. <div class="y_newsub_h">了解更多项目详情,带您全面了解项目</div>
  53. <div class="y_newsub_input">
  54. <input type="text" class="y_input" placeholder="请输入您的手机号码">
  55. <input type="submit" class="y_submit" value="立即报名">
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60. <!-- 相关视频 -->
  61. <div class="vi_box">
  62. <div class="vi_title">
  63. <span>相关视频</span>
  64. <span class="vi_btn"><img src="/image/ico_10.png" alt="">换一换</span>
  65. </div>
  66. <div class="vi_list">
  67. <ul>
  68. <li>
  69. <a href="javascript:;">
  70. <div class="vi_list_l">
  71. <img src="/image/vi_1.png" alt="">
  72. <div class="vi_p"><img src="/image/play_min.png" alt=""></div>
  73. <div class="vi_t">03:55</div>
  74. </div>
  75. <div class="vi_list_r">
  76. <p>融创观澜湖公园壹号</p>
  77. <p>均价:<span><i>30000</i>元/㎡</span></p>
  78. <p>
  79. <img src="/image/fire.png" alt="">
  80. <span>6000人观看</span>
  81. </p>
  82. </div>
  83. </a>
  84. </li>
  85. <li>
  86. <a href="javascript:;">
  87. <div class="vi_list_l">
  88. <img src="/image/vi_1.png" alt="">
  89. <div class="vi_p"><img src="/image/play_min.png" alt=""></div>
  90. <div class="vi_t">03:55</div>
  91. </div>
  92. <div class="vi_list_r">
  93. <p>融创观澜湖公园壹号</p>
  94. <p>均价:<span><i>30000</i>元/㎡</span></p>
  95. <p>
  96. <img src="/image/fire.png" alt="">
  97. <span>6000人观看</span>
  98. </p>
  99. </div>
  100. </a>
  101. </li>
  102. <li>
  103. <a href="javascript:;">
  104. <div class="vi_list_l">
  105. <img src="/image/vi_1.png" alt="">
  106. <div class="vi_p"><img src="/image/play_min.png" alt=""></div>
  107. <div class="vi_t">03:55</div>
  108. </div>
  109. <div class="vi_list_r">
  110. <p>融创观澜湖公园壹号</p>
  111. <p>均价:<span><i>30000</i>元/㎡</span></p>
  112. <p>
  113. <img src="/image/fire.png" alt="">
  114. <span>6000人观看</span>
  115. </p>
  116. </div>
  117. </a>
  118. </li>
  119. <li>
  120. <a href="javascript:;">
  121. <div class="vi_list_l">
  122. <img src="/image/vi_1.png" alt="">
  123. <div class="vi_p"><img src="/image/play_min.png" alt=""></div>
  124. <div class="vi_t">03:55</div>
  125. </div>
  126. <div class="vi_list_r">
  127. <p>融创观澜湖公园壹号</p>
  128. <p>均价:<span><i>30000</i>元/㎡</span></p>
  129. <p>
  130. <img src="/image/fire.png" alt="">
  131. <span>6000人观看</span>
  132. </p>
  133. </div>
  134. </a>
  135. </li>
  136. <li>
  137. <a href="javascript:;">
  138. <div class="vi_list_l">
  139. <img src="/image/vi_1.png" alt="">
  140. <div class="vi_p"><img src="/image/play_min.png" alt=""></div>
  141. <div class="vi_t">03:55</div>
  142. </div>
  143. <div class="vi_list_r">
  144. <p>融创观澜湖公园壹号</p>
  145. <p>均价:<span><i>30000</i>元/㎡</span></p>
  146. <p>
  147. <img src="/image/fire.png" alt="">
  148. <span>6000人观看</span>
  149. </p>
  150. </div>
  151. </a>
  152. </li>
  153. </ul>
  154. </div>
  155. </div>
  156. <div class="my_needs">
  157. <div class="my_needs_tit">我的购房需求</div>
  158. <div class="my_needs_note">(专业置业经纪人为您筛选房源)</div>
  159. <div class="my_needs_icon"><a href=""></a></div>
  160. </div>
  161. <div class="home_module_channel">
  162. <div class="channel_list">
  163. <a href="" class="channel_item">海南新房</a>
  164. <a href="" class="channel_item">海南别墅</a>
  165. <a href="" class="channel_item">看房团</a>
  166. <a href="" class="channel_item">海南房价</a>
  167. </div>
  168. </div>
  169. <div class="footer_copy">&copy; m.pinfangw.com</div>
  170. <div class="h60"></div>
  171. <div class="y_puicfoot">
  172. <div class="y_puicfoot_main c">
  173. <div class="y_left"><a href=""><img src="/image/ico_zxfoot.png" alt=""></a></div>
  174. <div class="y_centxq"><a href="">需求定制</a></div>
  175. <div class="y_call">
  176. <a href=""><img src="/image/ico_callfoot.gif" alt=""></a>
  177. </div>
  178. </div>
  179. </div>