carDetail.jsp 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <%@ include file="../meta.jsp"%>
  4. <script src="${base}/static/web/frame/jquery/jquery.lazyload.js"></script>
  5. <title>车辆详情</title>
  6. <style>
  7. #detail img ,#notice img{
  8. max-width: 100%;
  9. }
  10. #detail p ,#notice p{
  11. color: inherit;
  12. }
  13. .mui-slider .mui-slider-group .mui-slider-item img {
  14. width: 100%;
  15. height: 5.6rem;
  16. }
  17. </style>
  18. </head>
  19. <body>
  20. <nav class="mui-bar mui-bar-tab">
  21. <a class="mui-tab-item" style="border-right: 1px solid #ddd;" id="phone">
  22. <span class="mui-tab-label main-color"><i class="mui-icon mui-icon-phone mr5 bold"></i>预约看车</span>
  23. </a>
  24. <a class="mui-tab-item" id="chat">
  25. <span class="mui-tab-label main-color"><i class="mui-icon mui-icon-chat mr5"></i>询问低价</span>
  26. </a>
  27. </nav>
  28. <div class="header">
  29. <div class="back-btn mui-action-back mui-icon mui-icon-left-nav back item"></div>
  30. </div>
  31. <div class="mui-content mui-hidden">
  32. <div class="mui-slider bgcolor1" id="slider">
  33. <div class="mui-slider-group mui-slider-loop"></div>
  34. <div class="mui-slider-indicator"></div>
  35. </div>
  36. <ul class="mui-table-view product no-line line-left fs14">
  37. <li class="mui-table-view-cell">
  38. <p class="color1 fs16 carName mb5 bold"></p>
  39. <p class="fs12 mb5 color1"><span class="car-year"></span><span style="color: #e6e6e6"> | </span> <span class="mileage"></span></p>
  40. <p class="items">
  41. <span class="item price main-color fs16"></span>
  42. <span class="main-color view-num fs14"></span>
  43. </p>
  44. </li>
  45. </ul>
  46. <div class="mui-table-view no-line line-left product mt10">
  47. <div class="mui-table-view-cell">
  48. <div class="items">
  49. <span class="item fs16" style="border-left: 3px solid #ff6666;padding-left: 10px;">车辆实拍</span>
  50. </div>
  51. </div>
  52. <div id="detail" class="bgcolor1 mui-table-view-cell"></div>
  53. </div>
  54. </div>
  55. </body>
  56. <script src="${base}/static/mobile/js/car/carDetail.js?v=${version}"></script>
  57. </html>