merchantDetail.jsp 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <%@ include file="meta.jsp"%>
  4. <script src="${base}/static/mobile/frame/mui/js/location.js"></script>
  5. <script src="${base}/static/web/frame/jquery/jquery.lazyload.js"></script>
  6. <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=mHjQLONxGpRtrZHZkxr9t3cD3n0HupQ0"></script>
  7. <link rel="stylesheet" href="${base}/static/web/frame/swiper/swiper-3.4.2.min.css">
  8. <script src="${base}/static/web/frame/swiper/swiper-3.4.2.jquery.min.js"></script>
  9. <title>上饶好店</title>
  10. <style>
  11. #detail img {
  12. max-width: 100%;
  13. display: block;
  14. }
  15. #detail p {
  16. color: inherit;
  17. }
  18. .mui-slider .mui-slider-group .mui-slider-item img {
  19. width: 100%;
  20. height: 5rem;
  21. }
  22. .mui-bar-tab .mui-tab-item.mui-active {
  23. color: #929292;
  24. }
  25. .mui-btn{
  26. padding: 0.05rem 0.2rem;
  27. font-size: 0.26rem;
  28. }
  29. .product-time {
  30. font-size: 0.26rem;
  31. margin-top: 0.1rem;
  32. }
  33. .swiper-pagination-fraction {
  34. bottom: 0.2rem;
  35. text-align: right;
  36. }
  37. .swiper-container img {
  38. width: 100%;
  39. height: 188px;
  40. }
  41. </style>
  42. </head>
  43. <body>
  44. <div class="header">
  45. <div class="back-btn mui-action-back mui-icon mui-icon-left-nav back"></div>
  46. <div class="home-btn mui-icon iconfont icon-shouye back mui-pull-right fs20"></div>
  47. </div>
  48. <div class="mui-content mui-hidden">
  49. <div class="mui-slider bgcolor1" id="slider" style="height: 5rem;">
  50. <div class="mui-slider-group mui-slider-loop"></div>
  51. <div class="mui-slider-indicator"></div>
  52. <div class="mui-slider-name mui-text-right" style="line-height: 0.6rem;">
  53. <span class="mui-icon iconfont icon-xin fs18"></span>
  54. <span class="visit_num">0</span>
  55. </div>
  56. </div>
  57. <ul class="mui-table-view product line-left no-line">
  58. <li class="mui-table-view-cell" style="padding: .15rem .3rem;">
  59. <div class="merchant_name color6 fs16"></div>
  60. <div class="open_time fs14 color2"></div>
  61. </li>
  62. <li class="mui-table-view-cell" style="padding: .15rem .3rem;">
  63. <div class="mui-media-body items">
  64. <p class="mui-ellipsis-2 item address fs14 color1"></p>
  65. <p class="mui-text-right" style="border-left:1px solid #ddd8ce;padding-left: .3rem;">
  66. <%--<span class="mui-icon iconfont icon-daohang1 pr10"></span>--%>
  67. <span class="mui-icon iconfont icon-dianhua main-color"></span>
  68. </p>
  69. </div>
  70. </li>
  71. <%--<li class="mui-table-view-cell main-color">--%>
  72. <%--<span class="has_wifi mui-hidden pr10">--%>
  73. <%--<i class="mui-icon iconfont icon-f-99 fs14 pr5"></i>wifi--%>
  74. <%--</span>--%>
  75. <%--<span class="has_park mui-hidden pr10">--%>
  76. <%--<i class="mui-icon iconfont icon-tingchechang1 fs14 pr5"></i>停车场--%>
  77. <%--</span>--%>
  78. <%--<span class="has_ac mui-hidden pr10">--%>
  79. <%--<i class="mui-icon iconfont icon-kongdiao fs14 pr5"></i>空调--%>
  80. <%--</span>--%>
  81. <%--<span class="has_box mui-hidden pr10">--%>
  82. <%--<i class="mui-icon iconfont icon-icon fs14 pr5"></i>包厢--%>
  83. <%--</span>--%>
  84. <%--</li>--%>
  85. </ul>
  86. <div class="product-section" id="cut">
  87. <div class="section-title items">
  88. <span class="fs20">☞热门活动!</span>
  89. <div class="swiper-pagination" id="cut-pagination"></div>
  90. </div>
  91. <div class="swiper-container" id="cut-swiper">
  92. <div class="swiper-wrapper">
  93. </div>
  94. </div>
  95. </div>
  96. <ul class="mui-table-view line-left product mt10 fs13 no-line">
  97. <li class="mui-table-view-cell">
  98. <div class="items">
  99. <span class="item fs16" style="border-left: 3px solid #ff6666;padding-left: 10px;">商家推荐</span>
  100. </div>
  101. </li>
  102. <div class="product-section pb0 mt0">
  103. <div class="section-style1 pt0">
  104. <div class="section-list" >
  105. </div>
  106. </div>
  107. </div>
  108. </ul>
  109. <ul class="mui-table-view line-left product mt10 fs13 no-line">
  110. <li class="mui-table-view-cell">
  111. <div class="items">
  112. <span class="item fs16" style="border-left: 3px solid #ff6666;padding-left: 10px;">商户详情</span>
  113. </div>
  114. </li>
  115. </ul>
  116. <div id="detail" class="bgcolor1 pd15"></div>
  117. </div>
  118. </body>
  119. <script src="${base}/static/mobile/js/merchantDetail.js?v=${version}"></script>
  120. </html>