index.htm 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. ##tlayout("wap/layout.htm",{head_title:"橘力定制"}){
  2. <div class="index_swiper">
  3. <div class="swiper-container">
  4. <div class="swiper-wrapper">
  5. ##for(_item in carousel_list!){
  6. <div class="swiper-slide">
  7. <a href="${_item.url!}"><img src="${_item.img_url!}" /></a>
  8. </div>
  9. ##}
  10. </div>
  11. <div class="swiper-pagination"></div>
  12. </div>
  13. </div>
  14. <div class="index_navbar">
  15. <div class="index_navbar_content">
  16. ##if(exist("sid")){
  17. <a href="/wap">全部</a>
  18. ##}else{
  19. <a href="/wap" class="cur">全部</a>
  20. ##}
  21. ##for(_item in subject_list!){
  22. ##if(exist("sid") && sid==_item.id){
  23. <a href="/wap/index?sid=${_item.id!}" class="cur">${_item.title!}</a>
  24. ##}else{
  25. <a href="/wap/index?sid=${_item.id!}">${_item.title!}</a>
  26. ##}
  27. ##}
  28. </div>
  29. </div>
  30. <div class="body">
  31. <div class="base-list-wrapper" >
  32. ##for(_item in list!){
  33. <div class="double-grid-one">
  34. <a href="/wap/diy?id=${_item.id!}">
  35. <div class="double-grid-item">
  36. <div class="list-img_content">
  37. <img src="${_item.img_url!}" />
  38. </div>
  39. <div class="list_btn">定制</div>
  40. </div>
  41. </a>
  42. </div>
  43. ##}
  44. </div>
  45. </div>
  46. <#_wapFooter />
  47. <div class="kefu">
  48. <a href="http://wpa.qq.com/msgrd?v=3&uin=2511251392&site=qq&menu=yes"><img src="/wap/image/kf_icon.png" /></a>
  49. </div>
  50. <script type="text/javascript" src="/wap/js/swiper-3.3.1.min.js"></script>
  51. <script>
  52. $(function(){
  53. var mySwiper = $('.swiper-container').swiper({
  54. autoplay: 3000,
  55. loop: true,
  56. pagination: '.swiper-pagination'
  57. });
  58. });
  59. </script>
  60. ##}