yuandan.php 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  1. <?php
  2. /**
  3. * Created by PhpStorm.
  4. * User: xiaofeng
  5. * Date: 2018/6/4
  6. * Time: 上午11:18
  7. */
  8. use mobile\assets\AppAsset;
  9. use yii\helpers\Html;
  10. AppAsset::addScript($this,Yii::$app->request->baseUrl."/js/applyVerify.js");
  11. AppAsset::addScript($this,Yii::$app->request->baseUrl."/zt/yuandan20181230/js/yuandan.js");
  12. $this->title = '淘房网-元旦专题';
  13. ?>
  14. <?php $this->beginContent('@app/views/public/nav.php'); ?>
  15. <?php $this->endContent(); ?>
  16. <style>
  17. .max_box{max-width:640px;margin:auto;min-width:320px;position: relative;}
  18. .max_box img{display:block;width:100%;}
  19. .special_img{width:100%;position:relative;}
  20. .special_img img{width:100%;display:block;}
  21. .special_title{width:64%;height:20%;position:absolute;top:65%;left:0;}
  22. .special_lpimg{width:96%;height:93%;position:absolute;top:0;right:0;}
  23. .special_bm{width:33%;height:13%;position:absolute;top:75%;left:8%;}
  24. .special_dh{width:33%;height:13%;position:absolute;top:75%;right:8%;}
  25. </style>
  26. <body>
  27. <div class="max_box"> <!-- 最大 -->
  28. <div class="special_img"><img src="/zt/yuandan20181230/image/ydzt_01.png" alt=""></div>
  29. <div class="special_img"><img src="/zt/yuandan20181230/image/ydzt_02.png" alt=""></div>
  30. <div class="special_img"><img src="/zt/yuandan20181230/image/ydzt_03.png" alt=""></div>
  31. <div class="special_img">
  32. <img src="/zt/yuandan20181230/image/ydzt_04.png" alt="">
  33. <a href="/house/lingshuixian-1654/" class="special_title"></a>
  34. </div>
  35. <div class="special_img">
  36. <img src="/zt/yuandan20181230/image/ydzt_05.png" alt="">
  37. <a href="/house/lingshuixian-1654/" class="special_lpimg"></a>
  38. </div>
  39. <div class="special_img">
  40. <img src="/zt/yuandan20181230/image/ydzt_06.png" alt="">
  41. <a class="popup special_bm" href="javascript:;" data-name="报名看房" data-text="把握机会提早报名,更多低折扣优惠好房可选!" data-id="1654" data-module="31"></a>
  42. <a href="" class="special_dh"></a>
  43. </div>
  44. <div class="special_img">
  45. <img src="/zt/yuandan20181230/image/ydzt_07.png" alt="">
  46. <a href="/house/sanyashi-5934/" class="special_title" style="height:30%;width:56%;top:46%;"></a>
  47. </div>
  48. <div class="special_img">
  49. <img src="/zt/yuandan20181230/image/ydzt_08.png" alt="">
  50. <a href="/house/sanyashi-5934/" class="special_lpimg"></a>
  51. </div>
  52. <div class="special_img">
  53. <img src="/zt/yuandan20181230/image/ydzt_09.png" alt="">
  54. <a class="popup special_bm" href="javascript:;" data-name="报名看房" data-text="把握机会提早报名,更多低折扣优惠好房可选!" data-id="5934" data-module="31" style="top:73%;"></a>
  55. <a href="" class="special_dh" style="top:73%;"></a>
  56. </div>
  57. <div class="special_img">
  58. <img src="/zt/yuandan20181230/image/ydzt_10.png" alt="">
  59. <a href="/house/lingshuixian-1996/" class="special_title" style="height:30%;width:56%;top:46%;"></a>
  60. </div>
  61. <div class="special_img">
  62. <img src="/zt/yuandan20181230/image/ydzt_11.png" alt="">
  63. <a href="/house/lingshuixian-1996/" class="special_lpimg"></a>
  64. </div>
  65. <div class="special_img">
  66. <img src="/zt/yuandan20181230/image/ydzt_12.png" alt="">
  67. <a class="popup special_bm" href="javascript:;" data-name="报名看房" data-text="把握机会提早报名,更多低折扣优惠好房可选!" data-id="1996" data-module="31"></a>
  68. <a href="" class="special_dh"></a>
  69. </div>
  70. <div class="special_img">
  71. <img src="/zt/yuandan20181230/image/ydzt_13.png" alt="">
  72. <a href="/house/sanyashi-5450/" class="special_title" style="height:30%;width:38%;top:46%;"></a>
  73. </div>
  74. <div class="special_img">
  75. <img src="/zt/yuandan20181230/image/ydzt_14.png" alt="">
  76. <a href="/house/sanyashi-5450/" class="special_lpimg"></a>
  77. </div>
  78. <div class="special_img">
  79. <img src="/zt/yuandan20181230/image/ydzt_15.png" alt="">
  80. <a class="popup special_bm" href="javascript:;" data-name="报名看房" data-text="把握机会提早报名,更多低折扣优惠好房可选!" data-id="5450" data-module="31" style="top:73%;"></a>
  81. <a href="" class="special_dh" style="top:73%;"></a>
  82. </div>
  83. <div class="special_img">
  84. <img src="/zt/yuandan20181230/image/ydzt_16.png" alt="">
  85. <a href="/house/wanningshi-1714/" class="special_title" style="height:30%;width:60%;top:46%;"></a>
  86. </div>
  87. <div class="special_img">
  88. <img src="/zt/yuandan20181230/image/ydzt_17.png" alt="">
  89. <a href="/house/wanningshi-1714/" class="special_lpimg"></a>
  90. </div>
  91. <div class="special_img">
  92. <img src="/zt/yuandan20181230/image/ydzt_18.png" alt="">
  93. <a class="popup special_bm" href="javascript:;" data-name="报名看房" data-text="把握机会提早报名,更多低折扣优惠好房可选!" data-id="1714" data-module="31"></a>
  94. <a href="" class="special_dh"></a>
  95. </div>
  96. <div class="special_img">
  97. <img src="/zt/yuandan20181230/image/ydzt_19.png" alt="">
  98. <a href="/house/wanningshi-1648/" class="special_title" style="height:30%;width:38%;top:46%;"></a>
  99. </div>
  100. <div class="special_img">
  101. <img src="/zt/yuandan20181230/image/ydzt_20.png" alt="">
  102. <a href="/house/wanningshi-1648/" class="special_lpimg"></a>
  103. </div>
  104. <div class="special_img">
  105. <img src="/zt/yuandan20181230/image/ydzt_21.png" alt="">
  106. <a class="popup special_bm" href="javascript:;" data-name="报名看房" data-text="把握机会提早报名,更多低折扣优惠好房可选!" data-id="1648" data-module="31"></a>
  107. <a href="" class="special_dh"></a>
  108. </div>
  109. <div class="special_img"><img src="/zt/yuandan20181230/image/ydzt_22.png" alt=""></div>
  110. </div>