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.

130 lines
8.0 KiB

7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 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. <script type="text/javascript" src="<?php echo env('APP_URL'); ?>/js/jquery.min.js"></script>
  5. <script type="text/javascript" src="<?php echo env('APP_URL'); ?>/js/layer/layer.js"></script>
  6. <style>
  7. .detail-main {margin-top:15px;padding: 10px;position: relative;color: #626262;background: #fff;}
  8. .detail-main .header {height: 28px;line-height: 28px;padding-bottom:8px;border-bottom: 1px dashed #ececec;font-size: 16px;}
  9. .detail-main .header .crumbs {float: left;vertical-align: middle;margin-right: 15px;_display: inline;}
  10. .detail-main .header .crumbs a {color: #686868;}
  11. .detail-main .header .crumbs li {display: inline;}
  12. .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;}
  13. .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;}
  14. .detail-main .header .bookMark {float: right;margin-right: 10px;_display: inline;font-size: 14px;color: #626262;}
  15. .detail-main .header .bookMark span {font-family: ju-font;font-size: 18px;margin-left:5px;}
  16. .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;}
  17. .detail-main .main-pic {margin-top: 10px;float: left;width: 360px;_overflow: hidden;}
  18. .normal-pic-wrapper .normal-pic {position: relative;display: table-cell;text-align: center;width: 360px;}
  19. .normal-pic .item-pic-wrap {position: relative;}
  20. .normal-pic-wrapper .item-pic-wrap .pic {background-size: cover;background-position: center center;background-repeat: no-repeat;height: 360px;width: 360px;}
  21. .detail-main .main-box {float: right;width: 560px;_width: 545px;margin-right: 5px;_display: inline;}
  22. .detail-main .main-box .title {margin:8px 0;color:#333;font-size:24px;line-height:34px;font-weight: normal;text-align: justify;}
  23. .detail-main .main-box .description {color:#999;font-size: 14px;line-height: 20px;word-break: break-all;}
  24. .detail-main .price {margin: 20px 0;font-size: 14px;}
  25. .detail-main .price .rmb {font-size: 30px;margin-right: 3px;color: #d33a31;}
  26. .detail-main .price em {margin-right: 4px;font-size: 30px;color: #d33a31;}
  27. .detail-main .price .dis {margin-left: 16px;font-size: 16px;color: #999;text-decoration: line-through;}
  28. .detail-main .price sub {position: relative;top: -5px;font-size: 14px;color: #cb3b3b;}
  29. </style>
  30. <div style="background-color:#f3f3f3;padding-bottom:10px;">
  31. <div class="box">
  32. <div class="detail-main clearfix">
  33. <div class="header clearfix">
  34. <ul class="crumbs">
  35. <li><a href="<?php echo route('home'); ?>">首页</a></li>
  36. <span class="arrow"><small></small></span>
  37. <li><a href="<?php echo route('home_goodslist'); ?>">所有商品</a></li>
  38. <span class="arrow"><small></small></span>
  39. <li><a href="<?php echo route('home_goodslist',array('id'=>$post['id'])); ?>"><?php echo $post['type_name']; ?></a></li>
  40. </ul>
  41. <a class="bookMark" href="<?php echo route('home_goodslist',array('id'=>$post['id'])); ?>">查看更多同类商品<span></span></a>
  42. </div>
  43. <div class="clearfix">
  44. <div class="main-pic">
  45. <div class="normal-pic-wrapper clearfix" data-spm="ne">
  46. <div class="normal-pic ">
  47. <a href="javascript:;" target="_blank" class="piclink">
  48. <div class="item-pic-wrap">
  49. <div class="J_zoom pic " style="background-image: url(<?php echo $post['litpic']; ?>);"></div>
  50. </div>
  51. </a>
  52. </div>
  53. </div>
  54. </div>
  55. <div class="main-box J_mainBox avil">
  56. <h2 class="title"><?php echo $post['title']; ?></h2>
  57. <?php if($post['description']){ ?><div class="description"><?php echo $post['description']; ?></div><?php } ?>
  58. <p class="price "><span class="rmb">¥</span><em class="j-flag"><?php echo $post["price"]; ?></em><sub class="dis">¥<span class="j-flag j-original"><?php echo $post["market_price"]; ?></span></sub></p>
  59. <p class="buyorjoin j-flag f-cb"><a style="box-sizing: border-box;line-height: 47px;width: 170px;height: 50px;margin-top:10px;font-size: 18px;border: 2px solid #d33a31;color: #d33a31;background-color: white;display: inline-block;text-align: center;margin-right: 10px;" href="javascript:submit();">立即购买</a><a style="width: 188px;height: 50px;line-height: 50px;margin-top:10px;font-size: 18px;background-color: #d33a31;display: inline-block;text-align: center;color: #fff;" href="javascript:submit();">加入购物车</a></p>
  60. </div>
  61. <div class="cl"></div></div>
  62. </div>
  63. </div>
  64. </div>
  65. <script>
  66. function submit()
  67. {
  68. //自定页
  69. layer.open({
  70. type: 1,
  71. title: '请用【微信扫一扫】下单',
  72. closeBtn: 0, //不显示关闭按钮
  73. anim: 2,
  74. shadeClose: true, //开启遮罩关闭
  75. content: '<img src="<?php echo get_erweima(route('weixin_goods_detail',array('id'=>$post['id'])),360); ?>">'
  76. });
  77. }
  78. </script>
  79. <style>
  80. .widget-box {border: 1px solid #d9d9d9;background: #fff;position: relative;margin-bottom: 10px;}
  81. .widget-box .tit.none {border: none;}
  82. .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;}
  83. .widget-box .con {padding: 6px 10px;}
  84. .detail-detail{border: 1px solid #d9d9d9;background: #fff;}
  85. .detail-detail .detail-con{padding:10px 5px;overflow: hidden;}
  86. .detail-detail .dd-header{height: 50px;line-height: 50px;border-bottom: 1px solid #d7d7d7;}
  87. .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;}
  88. .recom-list .tab-pannel {width: 210px;height: 220px;}
  89. .recom-list .tab-pannel a {position: relative;border: 1px solid #d7d7d7;margin-bottom: 10px;display: block;width: 208px;height: 208px;color: #454545;}
  90. .recom-list .tab-pannel img {width: 208px;height: 208px;}
  91. .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);}
  92. .recom-list .tab-pannel .look-price p {margin: 0 10px;height: 16px;overflow: hidden;}
  93. </style>
  94. <div style="background-color:#f3f3f3;">
  95. <div class="box">
  96. <div class="fl_210">
  97. <div class="widget-box">
  98. <div class="tit">客服中心</div>
  99. <div class="con">
  100. <b>工作时间</b><br>&nbsp;&nbsp;周一至周五:9:00-21:00<br>&nbsp;&nbsp;周六至周日:0:00-24:00
  101. </div>
  102. </div>
  103. <div class="widget-box">
  104. <div class="tit none">
  105. 你可能还喜欢
  106. </div>
  107. </div>
  108. <div class="recom-list"><ul><?php if($tj_list){foreach($tj_list as $k=>$v){ ?>
  109. <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>
  110. <?php }} ?></ul></div>
  111. </div>
  112. <div class="fr_740">
  113. <div class="detail-detail">
  114. <div class="dd-header">
  115. <span>宝贝详情</span>
  116. </div>
  117. <div class="detail-con">
  118. <?php echo $post['body']; ?>
  119. </div>
  120. </div></div>
  121. <div class="cl"></div>
  122. </div></div>
  123. @include('home.common.footer')</body></html>