You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

117 lines
7.0 KiB

7 years ago
8 years ago
7 years ago
7 years ago
7 years ago
8 years ago
  1. <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  2. <title><?php echo $post["title"]; ?>_<?php echo sysconfig('CMS_WEBNAME'); ?></title><meta name="keywords" content="{dede:field.keywords/}" /><meta name="description" content="{dede:field.description function='html2text(@me)'/}" /><link rel="stylesheet" href="<?php echo sysconfig('CMS_BASEHOST'); ?>/css/style.css"><script type="text/javascript" src="<?php echo sysconfig('CMS_BASEHOST'); ?>/js/ad.js"></script></head><body>
  3. @include('home.common.header')
  4. <style>
  5. .detail-main {margin-top:15px;padding: 10px;position: relative;color: #626262;background: #fff;}
  6. .detail-main .header {height: 28px;line-height: 28px;padding-bottom:8px;border-bottom: 1px dashed #ececec;font-size: 16px;}
  7. .detail-main .header .crumbs {float: left;vertical-align: middle;margin-right: 15px;_display: inline;}
  8. .detail-main .header .crumbs a {color: #686868;}
  9. .detail-main .header .crumbs li {display: inline;}
  10. .detail-main .header .crumbs .arrow {width: 0;height: 0;display: inline-block;zoom: 1;border-style: solid;border-width: 4px;border-color: transparent transparent transparent #686868;position: relative;top: -1px;margin: 0 4px 0 8px;}
  11. .detail-main .header .crumbs .arrow small {position: absolute;top: -4px;left: -5px;width: 0;height: 0;display: inline-block;zoom: 1;border-style: solid;border-width: 4px;border-color: transparent transparent transparent #fff;}
  12. .detail-main .header .bookMark {float: right;margin-right: 10px;_display: inline;font-size: 14px;color: #626262;}
  13. .detail-main .header .bookMark span {font-family: ju-font;font-size: 18px;margin-left:5px;}
  14. .detail-main .header .bookMark span{display: inline-block;border-top:6px solid transparent;border-left:8px solid #666;border-bottom:6px solid transparent;width: 0;height: 0;}
  15. .detail-main .main-pic {margin-top: 10px;float: left;width: 360px;_overflow: hidden;}
  16. .normal-pic-wrapper .normal-pic {position: relative;display: table-cell;text-align: center;width: 360px;}
  17. .normal-pic .item-pic-wrap {position: relative;}
  18. .normal-pic-wrapper .item-pic-wrap .pic {background-size: cover;background-position: center center;background-repeat: no-repeat;height: 360px;width: 360px;}
  19. .detail-main .main-box {float: right;width: 560px;_width: 545px;margin-right: 5px;_display: inline;}
  20. .detail-main .main-box .title {margin:8px 0;color: #3C3C3C;font-size: 18px;line-height: 28px;overflow: hidden;text-align: justify;}
  21. .detail-main .main-box .description {color: #aaa;font-size: 14px;line-height: 20px;word-break: break-all;margin-bottom:10px;}
  22. .price_bg {color: #6c6c6c;padding:15px;background-color:#FFF2E8;}
  23. .details_join a {text-align: center;padding:10px 40px;font-size: 16px;color: #fff;border-radius: 2px;background: #e61414;float:left;}
  24. </style>
  25. <div style="background-color:#f3f3f3;padding-bottom:10px;">
  26. <div class="box">
  27. <div class="detail-main clearfix">
  28. <div class="header clearfix">
  29. <ul class="crumbs">
  30. <li><a href="https://ju.taobao.com/tg/today_items.htm">今日团购</a></li>
  31. <span class="arrow"><small></small></span>
  32. <li><a href="https://ju.taobao.com/tg/today_items.htm?stype=default&amp;page=1&amp;type=0">商品团</a></li>
  33. <span class="arrow"><small></small></span>
  34. <li><a href="<?php echo route('home_goodslist',array('id'=>$post['id'])); ?>"><?php echo $post['type_name']; ?></a></li>
  35. </ul>
  36. <a class="bookMark" href="">查看更多同类商品<span></span></a>
  37. </div>
  38. <div class="clearfix">
  39. <div class="main-pic">
  40. <div class="normal-pic-wrapper clearfix" data-spm="ne">
  41. <div class="normal-pic ">
  42. <a href="https://detail.tmall.com/item.htm?id=523987525652&amp;tracelog=jubuybigpic" target="_blank" class="piclink">
  43. <div class="item-pic-wrap">
  44. <div class="J_zoom pic " style="background-image: url(<?php echo $post['litpic']; ?>);"></div>
  45. </div>
  46. </a>
  47. </div>
  48. </div>
  49. </div>
  50. <div class="main-box J_mainBox avil">
  51. <h2 class="title"><?php echo $post['title']; ?></h2>
  52. <div class="description"><?php echo $post['description']; ?></div>
  53. <div class="price_bg">
  54. 价格: <b class="price" style="margin-left:10px;margin-right:10px;font-size:28px;font-style:normal;color:#f40;"><?php echo $post["price"]; ?></b> 邮费:0.00
  55. </div>
  56. <div class="stock_bg" style="margin-top:10px;margin-bottom:30px;">
  57. &nbsp;&nbsp;库存: <?php echo $post['goods_number']; ?>
  58. </div>
  59. <div class="details_join"><a href="javascript:asas();">立即抢购</a></div>
  60. </div>
  61. <div class="cl"></div></div>
  62. </div>
  63. </div>
  64. </div>
  65. <style>
  66. .widget-box {border: 1px solid #d9d9d9;background: #fff;position: relative;margin-bottom: 10px;}
  67. .widget-box .tit.none {border: none;}
  68. .widget-box .tit {padding: 0 15px;height: 50px;line-height: 50px;border-bottom: 1px solid #d9d9d9;font-size: 14px;color: #000;background: #f9f9f9;overflow: hidden;}
  69. .widget-box .con {padding: 6px 10px;}
  70. .detail-detail{border: 1px solid #d9d9d9;background: #fff;}
  71. .detail-detail .detail-con{padding:10px 5px;overflow: hidden;}
  72. .detail-detail .dd-header{height: 50px;line-height: 50px;border-bottom: 1px solid #d7d7d7;}
  73. .detail-detail .dd-header span{margin-right: -1px;background: #51b2d6;color: #fff;font-weight: 700;float: left;height: 50px;font-size: 14px;padding: 0 30px;text-align: center;}
  74. .recom-list .tab-pannel {width: 210px;height: 220px;}
  75. .recom-list .tab-pannel a {position: relative;border: 1px solid #d7d7d7;margin-bottom: 10px;display: block;width: 208px;height: 208px;color: #454545;}
  76. .recom-list .tab-pannel img {width: 208px;height: 208px;}
  77. .recom-list .tab-pannel .look-price {height: 32px;text-align: center;font-size: 12px;position: absolute;bottom: 0;left: 0;width: 100%;padding: 2px 0;line-height: 16px;color: #fff;background-color: rgba(0,0,0,.65);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#a6000000', GradientType=0);}
  78. .recom-list .tab-pannel .look-price p {margin: 0 10px;height: 16px;overflow: hidden;}
  79. </style>
  80. <div style="background-color:#f3f3f3;">
  81. <div class="box">
  82. <div class="fl_210">
  83. <div class="widget-box">
  84. <div class="tit">客服中心</div>
  85. <div class="con">
  86. <b>工作时间</b><br>&nbsp;&nbsp;周一至周五:9:00-21:00<br>&nbsp;&nbsp;周六至周日:0:00-24:00
  87. </div>
  88. </div>
  89. <div class="widget-box">
  90. <div class="tit none">
  91. 你可能还喜欢
  92. </div>
  93. </div>
  94. <div class="recom-list"><ul><?php if($tj_list){foreach($tj_list as $k=>$v){ ?>
  95. <li class="tab-pannel" style="float: none; overflow: hidden; height: 222px; display: block;"><a href="<?php echo route('home_goods',array('id'=>$v['id'])); ?>"><img src="<?php echo $v['litpic']; ?>" alt="<?php echo $v["title"]; ?>"><div class="look-price"><div>¥<?php echo $v["price"]; ?></div><p><?php echo $v["title"]; ?></p></div></a></li>
  96. <?php }} ?></ul></div>
  97. </div>
  98. <div class="fr_740">
  99. <div class="detail-detail">
  100. <div class="dd-header">
  101. <span>宝贝详情</span>
  102. </div>
  103. <div class="detail-con">
  104. <?php echo $post['body']; ?>
  105. </div>
  106. </div></div>
  107. <div class="cl"></div>
  108. </div></div>
  109. @include('home.common.footer')</body></html>