index.html 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. <!DOCTYPE html>
  2. <html class="remModel">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="Content-Type" content="application/xhtml+xml;charset=UTF-8">
  6. <meta http-equiv="Cache-Control" content="no-cache,no-store,must-revalidate">
  7. <meta http-equiv="pragma" content="no-cache">
  8. <meta http-equiv="expires" content="0">
  9. <meta name="description" content=""/>
  10. <meta name="keywords" content="扫码支付,线上投币,运营数据,物联网"/>
  11. <meta name="format-detection" content="telephone=no,email=no">
  12. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
  13. <title class="readonly">共享洗车</title>
  14. <link rel="stylesheet" href="/components/lib/swiper.min.css">
  15. <link rel="stylesheet" href="/components/custom/css/common.css"/>
  16. <link rel="stylesheet" href="/pages/css/user-common.css">
  17. <style>
  18. .swiper-slide {
  19. background-size: cover;
  20. background-position: center center;
  21. }
  22. .swiper-slide:nth-child(2) {
  23. background-position: center -45px;
  24. }
  25. </style>
  26. </head>
  27. <body>
  28. <div class="">
  29. <div class="grid-banner">
  30. <div class="swiper-container" id="bannerList">
  31. <div class="swiper-wrapper"></div>
  32. </div>
  33. </div>
  34. <div class="grid-content clearfix">
  35. <div class="grid-icon iconfont icon-bi" onclick="location.href = '/user/index.html#/user/charge';">
  36. <span>我要充值</span>
  37. </div>
  38. <div class="grid-icon iconfont icon-start" onclick="location.href = '/user/index.html#/user/currentUse';">
  39. <span>正在服务</span>
  40. </div>
  41. <div class="grid-icon iconfont icon-help-info" onclick="location.href = './help.html';">
  42. <span>操作指南</span>
  43. </div>
  44. <div class="grid-icon iconfont icon-shouji" id="servePhone">
  45. <span>全国热线</span>
  46. </div>
  47. <div class="grid-bar">
  48. <i class="iconfont iconfont icon-saomiao2" onclick="window.scanQRCodeGoDevice&&scanQRCodeGoDevice()"> <span>扫码使用</span></i>
  49. </div>
  50. </div>
  51. <div class="grid-footer clearfix">
  52. <div class="grid-icon iconfont icon-location-b" onclick="location.href = '/user/index.html#/user/index';">
  53. <span>附近网点</span>
  54. </div>
  55. <div class="grid-icon iconfont icon-card" onclick="location.href = '/user/index.html#/user/cardList';">
  56. <span>充值卡</span>
  57. </div>
  58. <div class="grid-icon iconfont icon-feedback" onclick="location.href = '/user/index.html#/user/feedbackList';">
  59. <span>消息</span>
  60. </div>
  61. <div class="grid-icon iconfont icon-account" onclick="location.href = '/user/index.html#/user/me';">
  62. <span>个人中心</span>
  63. </div>
  64. </div>
  65. </div>
  66. <script src="/components/lib/jquery.min.js"></script>
  67. <script src="/components/lib/swiper.min.js"></script>
  68. <script src="/components/lib/mui.min.js"></script>
  69. <script src="/components/custom/js/common.js"></script>
  70. <script src="/pages/js/user-common.js"></script>
  71. <script src="https://res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
  72. <script src="https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.0/alipayjsapi.inc.min.js"></script>
  73. <script>
  74. var brand = getQueryString("brand");
  75. if (brand === 'gr') {
  76. $("title").text('广润车欢洗');
  77. $("#servePhone").attr("onclick", "location.href = 'tel:0551-67678975';");
  78. } else {
  79. //默认是云来链
  80. $("title").text('云来链共享平台');
  81. $("#servePhone").attr("onclick", "location.href = 'tel:400-9677-006';");
  82. }
  83. // 初始化banner和其事件
  84. function initBanner() {
  85. var bannerList = [{
  86. "img": "/pages/images/wqy/banner.jpg",
  87. }, {
  88. "img": "/pages/images/wqy/banner2.jpg",
  89. }];
  90. if (bannerList && bannerList.length > 0) {
  91. for (var index in bannerList) {
  92. var item = bannerList[index];
  93. var dom = $('<div class="swiper-slide"></div>');
  94. dom.css("background-image", 'url(' + item.img + ')');
  95. $("#bannerList .swiper-wrapper").append(dom);
  96. }
  97. var mySwiper = new Swiper('#bannerList', {
  98. autoplay: true,//可选选项,自动滑动
  99. });
  100. }
  101. }
  102. initBanner()
  103. </script>
  104. </body>
  105. </html>