category.jsp 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <%@ include file="meta.jsp"%>
  4. <title>${siteName}</title>
  5. <style>
  6. .mui-fullscreen {
  7. top: 44px;
  8. }
  9. .mui-row.mui-fullscreen>[class*="mui-col-"] {
  10. height: 100%;
  11. }
  12. .mui-col-xs-3,
  13. .mui-control-content {
  14. overflow-y: auto;
  15. height: 100%;
  16. }
  17. .mui-segmented-control .mui-control-item {
  18. line-height: 50px;
  19. width: 100%;
  20. }
  21. .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
  22. background-color: #fff;
  23. }
  24. .product-img {
  25. width: 73px;
  26. }
  27. </style>
  28. </head>
  29. <body>
  30. <header id="header" class="mui-bar mui-bar-nav">
  31. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
  32. <h1 class="mui-title">分类</h1>
  33. </header>
  34. <nav class="mui-bar mui-bar-tab">
  35. <a class="mui-tab-item" href="${base}/mobile/index.jsp">
  36. <span class="mui-icon mui-icon-home"></span>
  37. <span class="mui-tab-label">首页</span>
  38. </a>
  39. <a class="mui-tab-item mui-active" href="${base}/mobile/category.jsp">
  40. <span class="mui-icon iconfont icon-fenlei1"></span>
  41. <span class="mui-tab-label">分类</span>
  42. </a>
  43. <a class="mui-tab-item" href="${base}/mobile/userCart.jsp">
  44. <span class="mui-icon iconfont icon-gouwuche"><span class="mui-badge mui-hidden"></span></span>
  45. <span class="mui-tab-label">水库</span>
  46. </a>
  47. <a class="mui-tab-item" href="${base}/mobile/userCenter.jsp">
  48. <span class="mui-icon iconfont icon-huiyuan1"></span>
  49. <span class="mui-tab-label">我的</span>
  50. </a>
  51. </nav>
  52. <div class="mui-content">
  53. <div class="mui-content mui-row mui-fullscreen">
  54. <div class="mui-col-xs-3">
  55. <div id="segmentedControls" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-vertical">
  56. </div>
  57. </div>
  58. <div id="segmentedControlContents" class="mui-col-xs-9"
  59. style="border-left: 1px solid #c8c7cc;padding-bottom:50px;">
  60. </div>
  61. </div>
  62. </div>
  63. </body>
  64. <script src="${base}/static/mobile/js/category.js?v=${version}"></script>
  65. </html>