merchantDetail.jsp 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <%@ include file="./common/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. <title>上饶好店</title>
  8. <style>
  9. #detail img {
  10. max-width: 100%;
  11. display: block;
  12. }
  13. #detail p {
  14. color: inherit;
  15. }
  16. .mui-slider .mui-slider-group .mui-slider-item img {
  17. width: 100%;
  18. height: 5rem;
  19. }
  20. .mui-bar-tab .mui-tab-item.mui-active {
  21. color: #929292;
  22. }
  23. .mui-btn{
  24. padding: 0.05rem 0.2rem;
  25. font-size: 0.26rem;
  26. }
  27. .product-time {
  28. font-size: 0.26rem;
  29. margin-top: 0.1rem;
  30. }
  31. </style>
  32. </head>
  33. <body>
  34. <div class="header">
  35. <div class="back-btn mui-action-back mui-icon mui-icon-left-nav back"></div>
  36. <div class="home-btn mui-icon iconfont icon-shouye back mui-pull-right fs20"></div>
  37. </div>
  38. <div class="mui-content mui-hidden">
  39. <div class="mui-slider bgcolor1" id="slider" style="height: 5rem;">
  40. <div class="mui-slider-group mui-slider-loop"></div>
  41. <div class="mui-slider-indicator"></div>
  42. <div class="mui-slider-name mui-text-right" style="line-height: 0.6rem;">
  43. <span class="mui-icon iconfont icon-xin fs18"></span>
  44. <span class="visit_num">0</span>
  45. </div>
  46. </div>
  47. <ul class="mui-table-view product line-left fs15">
  48. <li class="mui-table-view-cell">
  49. <div class="merchant_name color6"></div>
  50. <div class="open_time fs14 color2"></div>
  51. </li>
  52. <li class="mui-table-view-cell">
  53. <div class="mui-media-body items">
  54. <p class="mui-ellipsis-2 item address fs14 color1"></p>
  55. <p class="mui-text-right" style="width:120px">
  56. <span class="mui-icon iconfont icon-daohang1 pr10"></span>
  57. <span class="mui-icon iconfont icon-dianhua"></span>
  58. </p>
  59. </div>
  60. </li>
  61. <li class="mui-table-view-cell main-color">
  62. <span class="has_wifi mui-hidden pr10">
  63. <i class="mui-icon iconfont icon-f-99 fs14 pr5"></i>wifi
  64. </span>
  65. <span class="has_park mui-hidden pr10">
  66. <i class="mui-icon iconfont icon-tingchechang1 fs14 pr5"></i>停车场
  67. </span>
  68. <span class="has_ac mui-hidden pr10">
  69. <i class="mui-icon iconfont icon-kongdiao fs14 pr5"></i>空调
  70. </span>
  71. <span class="has_box mui-hidden pr10">
  72. <i class="mui-icon iconfont icon-icon fs14 pr5"></i>包厢
  73. </span>
  74. </li>
  75. </ul>
  76. <ul class="mui-table-view line-left product mt10 fs13">
  77. <li class="mui-table-view-cell">
  78. <div class="items">
  79. <span class="item fs16" style="border-left: 3px solid #ff6666;padding-left: 10px;">抢购列表</span>
  80. </div>
  81. </li>
  82. </ul>
  83. <ul class="mui-table-view fs14 line-left productList">
  84. </ul>
  85. <ul class="mui-table-view line-left product mt10 fs13">
  86. <li class="mui-table-view-cell">
  87. <div class="items">
  88. <span class="item fs16" style="border-left: 3px solid #ff6666;padding-left: 10px;">商户详情</span>
  89. </div>
  90. </li>
  91. </ul>
  92. <div id="detail" class="bgcolor1 pd15"></div>
  93. </div>
  94. </body>
  95. <script src="${base}/static/mobile/js/merchantDetail.js?v=${version}"></script>
  96. </html>