Case_list_miniApps.html 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
  1. <div class="banner">
  2. <a href="tel:{$call}"><img src="wap/img/miniApps_banner.jpg"/></a>
  3. </div>
  4. <!--介绍 开始-->
  5. <div class="miniApps_introduce bgfff">
  6. <div class="page_title">
  7. <div class="p1">什么是小程序</div>
  8. <div class="p2">微信小程序是一种全新的连接用户与服务的方式,<br />它可以在微信内被便捷地获取和传播,<br />同时具有出色的使用体验。</div>
  9. </div>
  10. <div class="img"><img src="wap/img/miniApps_introduce_img.jpg"/></div>
  11. </div>
  12. <!--介绍 结束-->
  13. <!--优势 开始-->
  14. <div class="miniApps_advantage bgfff mt10">
  15. <div class="page_title">
  16. <div class="p1">小程序的优势</div>
  17. <div class="p2">有型低成本营销新工具,解决企业新渠道拓<br />展难、成本高的难题&有效&有传播</div>
  18. </div>
  19. <div class="miniApps_advantage_list">
  20. <div class="swiper-container miniApps_advantage-swiper">
  21. <ul class="swiper-wrapper">
  22. <li class="swiper-slide">
  23. <div class="img"><img src="wap/img/miniApps_advantage_img1.jpg"/></div>
  24. <div class="text">共享微信8亿用户,让应用触手可及,打造微信全生态。</div>
  25. </li>
  26. <li class="swiper-slide">
  27. <div class="img"><img src="wap/img/miniApps_advantage_img2.jpg"/></div>
  28. <div class="text">连接更多的线下服务与线上用户,拓展O2O行业。</div>
  29. </li>
  30. <li class="swiper-slide">
  31. <div class="img"><img src="wap/img/miniApps_advantage_img3.jpg"/></div>
  32. <div class="text">用户无须安装、用完即走、无须卸载,降低用户使用门槛。</div>
  33. </li>
  34. <li class="swiper-slide">
  35. <div class="img"><img src="wap/img/miniApps_advantage_img4.jpg"/></div>
  36. <div class="text">良好的用户体验与性能,与原生APP无差异。</div>
  37. </li>
  38. </ul>
  39. </div>
  40. <div class="swiper-pagination miniApps_advantage-pagination"></div>
  41. </div>
  42. </div>
  43. <!--优势 结束-->
  44. <!--解决方案 开始-->
  45. <div class="miniApps_solution bgfff mt10">
  46. <div class="page_title">
  47. <div class="p1">全行业整体解决方案</div>
  48. <div class="p2">总有一套适合你的整体解决方案</div>
  49. </div>
  50. <div class="miniApps_solution_list pad100">
  51. <ul class="clearfix">
  52. <li>
  53. <div class="li_c">
  54. <div class="icon"><i class="iconfont icon-o2o"></i></div>
  55. <div class="title">O2O行业</div>
  56. </div>
  57. </li>
  58. <li>
  59. <div class="li_c">
  60. <div class="icon"><i class="iconfont icon-dianshang"></i></div>
  61. <div class="title">电商行业</div>
  62. </div>
  63. </li>
  64. <li>
  65. <div class="li_c">
  66. <div class="icon"><i class="iconfont icon-peixun"></i></div>
  67. <div class="title">培训行业</div>
  68. </div>
  69. </li>
  70. <li>
  71. <div class="li_c">
  72. <div class="icon"><i class="iconfont icon-service"></i></div>
  73. <div class="title">生活服务类</div>
  74. </div>
  75. </li>
  76. <li>
  77. <div class="li_c">
  78. <div class="icon"><i class="iconfont icon-liaotian"></i></div>
  79. <div class="title">聊天增强工具类</div>
  80. </div>
  81. </li>
  82. <li>
  83. <div class="li_c">
  84. <div class="icon"><i class="iconfont icon-huaban"></i></div>
  85. <div class="title">桌面工具类</div>
  86. </div>
  87. </li>
  88. <li>
  89. <div class="li_c">
  90. <div class="icon"><i class="iconfont icon-lvyou"></i></div>
  91. <div class="title">旅游行业</div>
  92. </div>
  93. </li>
  94. <li>
  95. <div class="li_c">
  96. <div class="icon"><i class="iconfont icon-jinrong"></i></div>
  97. <div class="title">金融行业</div>
  98. </div>
  99. </li>
  100. <li>
  101. <div class="li_c">
  102. <div class="icon"><i class="iconfont icon-shequ"></i></div>
  103. <div class="title">管理工具类</div>
  104. </div>
  105. </li>
  106. </ul>
  107. </div>
  108. </div>
  109. <!--解决方案 结束-->
  110. <!--案例 开始-->
  111. <div class="miniApps_solution bgfff mt10">
  112. <div class="page_title">
  113. <div class="p1">众炬案例</div>
  114. <div class="p2">有型&有效&有传播</div>
  115. </div>
  116. <div class="miniAppsList">
  117. <div class="swiper-container miniAppsList-swiper">
  118. <ul class="swiper-wrapper">
  119. <li class="swiper-slide">
  120. <div class="img"><img src="img/miniAppsList_img1.jpg"/></div>
  121. <div class="name">小程序案例</div>
  122. </li>
  123. <li class="swiper-slide">
  124. <div class="img"><img src="img/miniAppsList_img2.jpg"/></div>
  125. <div class="name">小程序案例</div>
  126. </li>
  127. <li class="swiper-slide">
  128. <div class="img"><img src="img/miniAppsList_img3.jpg"/></div>
  129. <div class="name">小程序案例</div>
  130. </li>
  131. <li class="swiper-slide">
  132. <div class="img"><img src="img/miniAppsList_img4.jpg"/></div>
  133. <div class="name">小程序案例</div>
  134. </li>
  135. <li class="swiper-slide">
  136. <div class="img"><img src="img/miniAppsList_img5.jpg"/></div>
  137. <div class="name">小程序案例</div>
  138. </li>
  139. <li class="swiper-slide">
  140. <div class="img"><img src="img/miniAppsList_img6.jpg"/></div>
  141. <div class="name">小程序案例</div>
  142. </li>
  143. <li class="swiper-slide">
  144. <div class="img"><img src="img/miniAppsList_img7.jpg"/></div>
  145. <div class="name">小程序案例</div>
  146. </li>
  147. <li class="swiper-slide">
  148. <div class="img"><img src="img/miniAppsList_img8.jpg"/></div>
  149. <div class="name">小程序案例</div>
  150. </li>
  151. </ul>
  152. </div>
  153. <div class="swiper-pagination miniAppsList-pagination"></div>
  154. </div>
  155. </div>