shareCenter.jsp 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <%@ include file="../common/meta.jsp"%>
  4. <title>${siteName}</title>
  5. <style>
  6. .center-header {
  7. position: absolute;
  8. top: 50px;
  9. margin: auto 0;
  10. left: 0;
  11. right: 0;
  12. }
  13. .mui-table-view-cell:after {
  14. left: 0;
  15. }
  16. .mui-tab-label {
  17. font-size: 0.28rem;
  18. display: block;
  19. overflow: hidden;
  20. text-overflow: ellipsis;
  21. }
  22. .mui-table .mui-icon {
  23. width: 24px;
  24. height: 24px;
  25. position: relative;
  26. }
  27. </style>
  28. </head>
  29. <body>
  30. <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. <div class="mui-content">
  35. <img src="${base}/static/mobile/image/sharebg.jpg" style="width:100%;display: block;">
  36. <ul class="mui-table-view product fs14">
  37. <li class="mui-table-view-cell">
  38. <div class="mui-table">
  39. <div class="mui-table-cell mui-col-xs-3 mui-text-center">
  40. <span class="main-color fs18" id="num1">0</span>
  41. <span class="mui-tab-label">访问人数</span>
  42. </div>
  43. <div class="mui-table-cell mui-col-xs-3 mui-text-center">
  44. <span class="main-color fs18" id="num2">0</span>
  45. <span class="mui-tab-label">成交单数</span>
  46. </div>
  47. <div class="mui-table-cell mui-col-xs-3 mui-text-center">
  48. <span class="main-color fs18" id="num3">0</span>
  49. </span> <span class="mui-tab-label">可提现佣金</span>
  50. </div>
  51. <div class="mui-table-cell mui-col-xs-3 mui-text-center">
  52. <span class="main-color fs18" id="num4">0</span></span>
  53. </span> <span class="mui-tab-label">累计佣金</span>
  54. </div>
  55. </div>
  56. </li>
  57. </ul>
  58. <ul class="mui-table-view mui-grid-view mui-grid-9 mt10 bgcolor1">
  59. <li class="mui-table-view-cell mui-media mui-col-xs-4">
  60. <a href="${base}/mobile/share/myMoney.jsp">
  61. <span class="mui-icon iconfont icon-Menu_tuiguangzhuanqian main-color"></span>
  62. <div class="mui-media-body">我的佣金</div>
  63. </a>
  64. </li>
  65. <li class="mui-table-view-cell mui-media mui-col-xs-4">
  66. <a href="${base}/mobile/share/myOrder.jsp">
  67. <span class="mui-icon iconfont icon-duorenpintuan main-color"></span>
  68. <div class="mui-media-body">我的客户</div>
  69. </a>
  70. </li>
  71. <li class="mui-table-view-cell mui-media mui-col-xs-4">
  72. <a href="${base}/mobile/share/moneyOut.jsp">
  73. <span class="mui-icon iconfont icon-coupon main-color"></span>
  74. <div class="mui-media-body">我要提现</div>
  75. </a>
  76. </li>
  77. </ul>
  78. </div>
  79. </body>
  80. <script src="${base}/static/mobile/js/share/shareCenter.js?v=${version}"></script>
  81. </html>