store.html 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. <!DOCTYPE html>
  2. <html>
  3. <head lang="en">
  4. <include file="./Application/Home/View/Common/head_include.html"/>
  5. <title>最新门店-厦门欣富地智能科技</title>
  6. <link rel="stylesheet" type="text/css" href="/Public/static/home/css/store.css?v2"/>
  7. </head>
  8. <body>
  9. <include file="./Application/Home/View/Common/head.html"/>
  10. <div class="se-top">
  11. <div class="my-container">
  12. <h3>线下体验店</h3>
  13. <h6>首页&nbsp;/&nbsp;全部门店</h6>
  14. </div>
  15. </div>
  16. <div class="store_menu">
  17. <div class="store_title">
  18. <div class="option">
  19. <a href="{:U('about/new_store')}">最新门店</a>
  20. </div>
  21. <div class="option active">
  22. <a href="javascript:void(0);">全部门店</a>
  23. </div>
  24. <div class="option" hidden>
  25. <a href="{:U('about/discount')}">优惠政策</a>
  26. </div>
  27. <div class="clear"></div>
  28. </div>
  29. </div>
  30. <div class="selector my-container">
  31. <div class="sel_hd">
  32. 省份&nbsp;/&nbsp;直辖市&nbsp;/&nbsp;行政区
  33. </div>
  34. <div class="sel_content">
  35. <a data-id="-1" href="javascript:void(0);" <if condition="$search['city_id'] eq -1">class="active"</if>>全国</a>
  36. <foreach name="home_city" item="v">
  37. <a data-id="{$v['id']}" href="javascript:void(0);" <if condition="$search['city_id'] eq $v['id']">class="active"</if>>{$v['name']}</a>
  38. </foreach>
  39. </div>
  40. </div>
  41. <if condition="!empty($data)">
  42. <div class="my-container allstore_list">
  43. <div class="store_list_div store_all active" id="store_all">
  44. <div class="store_list">
  45. <foreach name="data" item="val" key="key">
  46. <div class="store_one <if condition='$key%2 neq 0'>store_right<else/>store_left</if>">
  47. <div class="store_img">
  48. <if condition="!empty($val['have_news'])">
  49. <a href="{:U('about/news', array('store_id' => $val['id']))}"><img src="{$val['img']}"></a>
  50. <else/>
  51. <img src="{$val['img']}">
  52. </if>
  53. </div>
  54. <if condition="!empty($val['name'])">
  55. <div class="store_name">{$val['name']}</div>
  56. </if>
  57. <if condition="!empty($val['address'])">
  58. <div class="store_address"><img class="icon" src="https://img.x-motion.cn/home/image/address.png">{$val['address']}</div>
  59. </if>
  60. <if condition="!empty($val['date'])">
  61. <div class="store_time"><img class="icon" src="https://img.x-motion.cn/home/image/time.png">{$val['date']}: {$val['s_time']} - {$val['e_time']}</div>
  62. </if>
  63. <if condition="!empty($val['tel'])">
  64. <div class="store_tel"><img class="icon" src="https://img.x-motion.cn/home/image/tel.png">{$val['tel']}</div>
  65. </if>
  66. </div>
  67. </foreach>
  68. <div class="clear"></div>
  69. </div>
  70. <div class="clear"></div>
  71. </div>
  72. </div>
  73. <div class="nc_page">
  74. <if condition="!empty($pager)">
  75. <div class="page my-container">
  76. {$pager}
  77. </div>
  78. </if>
  79. </div>
  80. <else/>
  81. <div class="my-container allstore_img">
  82. <img src="/Public/static/home/img/all_store.jpg"/>
  83. </div>
  84. </if>
  85. <include file="./Application/Home/View/Common/footer_logo.html"/>
  86. <include file="./Application/Home/View/Common/footer.html"/>
  87. <script type="text/javascript">
  88. $(document).ready(function () {
  89. $(".btnpage").click(function () {
  90. var pi = $('#pi').val();
  91. var href = $('.btnpage').attr("href");
  92. var url = href + pi;
  93. $('.btnpage').attr("href", url);
  94. });
  95. });
  96. </script>
  97. <script type="text/javascript">
  98. $('.selector').click(function(e) {
  99. e.stopPropagation();
  100. $('.sel_content').toggleClass('show')
  101. })
  102. $('body').click(function() {
  103. if($('.sel_content').hasClass('show')) {
  104. $('.sel_content').removeClass('show')
  105. }
  106. })
  107. $(document).ready(function(){
  108. $('.sel_content a').on('click', function(){
  109. $('.sel_content a').each(function(){
  110. $(this).removeClass('active');
  111. });
  112. $(this).addClass('active');
  113. var id = $('.sel_content a.active').attr('data-id');
  114. select_city();
  115. location.href="{:U(CONTROLLER_NAME . '/' . ACTION_NAME)}" + "/city_id/" + id;
  116. });
  117. });
  118. function select_city(){
  119. var cityname = $('.sel_content a.active').html();
  120. $('.sel_hd').text(cityname);
  121. }
  122. select_city();
  123. </script>
  124. </body>
  125. </html>