selftel.php 3.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>拔打电话-易购房</title>
  6. <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
  7. <!-- UC强制全屏 -->
  8. <meta name="full-screen" content="yes">
  9. <!-- QQ强制全屏 -->
  10. <meta name="x5-fullscreen" content="true">
  11. <meta name="apple-mobile-web-app-capable" content="yes">
  12. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  13. <meta name="format-detection" content="telephone=no" />
  14. <link rel="stylesheet" href="/css/public.css">
  15. <link rel="stylesheet" href="/js/alert/alert.css">
  16. <script>
  17. document.title = '拔打电话-易购房';
  18. </script>
  19. <style>
  20. body {background:#F5F7FA;}
  21. .w-top {background:#fff;height:50px;line-height:50px;position:fixed;top:0;left:0;right:0;}
  22. .w-top .w-top-r {position:absolute;top:0;left:0;height:50px;line-height:50px;}
  23. .w-top .w-top-r a {display:inline-block;height:50px;padding:13px;line-height:50px;}
  24. .w-top .w-top-r a img {display:inline-block;width:13px;height:20px;position:relative;top:-15px;}
  25. .w-top .w-top-title {text-align:center;font-size:1.0625rem;color:#333;font-weight:bold;}
  26. .w-con {margin:28% 25px 0;background:#fff;border-radius:15px;overflow:hidden;box-shadow: 0px 0px 10px 0px rgba(177,177,177,0.28);}
  27. .w-con-img{width: 100%; height:230px;}
  28. .w-con-img img {display:inline-block;width:100%;height:100%;}
  29. .w-con-box h2 {text-align:center;max-width:80%;margin: 0 auto; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  30. .w-con-box h2 a{display: block; font-size:1.187rem;font-weight:bold;margin:14px auto; color: #333; text-align: center;}
  31. .w-con-tel {display:block;width: 80%; text-align: center; margin:0 auto;height:22px;line-height:22px;border-radius:15px;text-align:center;font-size:0.937rem;color:#999;}
  32. .w-con-tel img {display:inline-block;width:12px;height:12px;margin-right:5px;}
  33. .youhuixi{width: 80%; margin: 0 auto; text-align: center; margin-top: 15px;}
  34. .youhuixi span{font-size: 0.937rem; color: #EA2020; line-height: 23px;}
  35. .w-con-btn {margin:20px 28px 15px;}
  36. .w-con-btn a {display:block;height:50px;background: #3072F6; border-radius: 30px; line-height:50px;font-size:1.25rem;color:#fff;text-align:center;}
  37. </style>
  38. </head>
  39. <body>
  40. <div class="w-top">
  41. <div class="w-top-r">
  42. <a href="/"><img src="/image/top_w.png" alt=""></a>
  43. </div>
  44. <div class="w-top-title">拔打电话</div>
  45. </div>
  46. <!-- 楼盘信息 -->
  47. <?php if (!empty($model['house'])) { ?>
  48. <div class="w-con">
  49. <div class="w-con-box">
  50. <div class="w-con-img">
  51. <a href="/house/<?= $model['house']['id'] ?>/"><img src="<?= Yii::$app->params['httpImg']['hosts'].Yii::$app->params['httpImg']['houses'].$model['house']['thumb'].'/same';?>" alt=""></a>
  52. </div>
  53. <h2><a href="/house/<?= $model['house']['id'] ?>/"><?= $model['house']['name'] ?></a></h2>
  54. <div class="w-con-tel">
  55. <span>咨询电话:<?= $model['house']['tel'] ?></span>
  56. </div>
  57. <?php if (!empty($model['house']['preferential'])) { ?>
  58. <div class="youhuixi">
  59. <span><?= $model['house']['preferential'] ?></span>
  60. </div>
  61. <?php } ?>
  62. <div class="w-con-btn">
  63. <a href="tel:<?= $model['house']['tel'] ?>">拨打电话</a>
  64. </div>
  65. </div>
  66. </div>
  67. <?php } ?>
  68. </body>
  69. <script src="/js/jquery-3.2.1.min.js"></script>
  70. <script src="/js/alert/alert.js"></script>
  71. <script src="/js/applyVerify.js"></script>
  72. </html>