detail_faq.html 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
  7. <meta name="renderer" content="webkit">
  8. <meta name="keywords" content="{:__lm($navCur,'keywords')}"/>
  9. <meta name="description" content="{:__lm($navCur,'description')}"/>
  10. <title>{:__lm($navCur,'seotitle')} - {$site.site_name}</title>
  11. <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/wwh/css/swiper.min.css">
  12. <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/wwh/css/animate.min.css">
  13. <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/wwh/css/style.css">
  14. <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/wwh/css/media.css">
  15. <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/jquery.min.js"></script>
  16. <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/swiper.min.js"></script>
  17. <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/swiper.animate1.0.3.min.js"></script>
  18. <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/wow.js"></script>
  19. <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/menu.js"></script>
  20. <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/javascript.js"></script>
  21. <link rel="shortcut icon" href="__CDN__/assets/addons/wwh/images/favicon.ico">
  22. </head>
  23. <body>
  24. <!--头部-->
  25. {include file="header" /}
  26. <!-- 栏目Banner -->
  27. <div class="col-banner">
  28. <div class="text">
  29. <div class="title wow fadeInUp" data-wow-delay="0.3s">
  30. <h3>{$site.ban3_t1}</h3><i></i>
  31. </div>
  32. </div>
  33. <div class="img">
  34. <div class="pic" style="background-image: url('{$site.banner3|cdnurl}');">
  35. <img src="__CDN__/assets/addons/wwh/images/col_size.png" class="img-block" alt="">
  36. </div>
  37. </div>
  38. <div class="banner-path wow fadeInLeft" data-wow-delay="0.4s">
  39. <div class="container-outer">
  40. <div class="icon"><img src="__CDN__/assets/addons/wwh/images/home.svg" class="img-center"></div>
  41. <div class="link">
  42. <a href="{:addon_url('wwh/index/index')}">{:__lang('Home')}</a>
  43. <span>/</span>
  44. <a href="{:addon_url('wwh/column/index', [':diyname'=>$top.diyname])}">{if condition="($navCur.parent_id == '0')"} {:__lm($navCur,'name')} {else /} {:__lm($top,'name')} {/if}</a>
  45. <span>/</span>
  46. <a href="{:addon_url('wwh/column/index', [':diyname'=>$navCur.diyname])}" class="cur">{:__lm($navCur,'name')}</a>
  47. </div>
  48. </div>
  49. </div>
  50. </div>
  51. <!-- 内容 -->
  52. <div class="faq-detail">
  53. <div class="container-outer">
  54. <div class="faq-top">
  55. <div class="faq-num wow fadeInUp" data-wow-delay="0.5s">{:__lang('Share')} {$faqCount} {:__lang('Strip')}</div>
  56. <form method="get" action="" class="wow fadeInUp" data-wow-delay="0.6s">
  57. <div class="faq-search">
  58. <input type="text" value="" name="faqkeys" id="faqkeys" placeholder="{:__lang('Please enter a name')}" />
  59. </div>
  60. <input type="submit" value="" class="faq-button" />
  61. </form>
  62. </div>
  63. <div class="faq-bottom">
  64. {volist name="faq" id="v"}
  65. <li class="faq-item wow fadeInUp" data-wow-delay="0.7s">
  66. <div class="title">{$v.title}</div>
  67. <div class="main" style="display: none;">
  68. <div class="text">{$v.content}</div>
  69. </div>
  70. </li>
  71. {/volist}
  72. </div>
  73. </div>
  74. </div>
  75. <div class="fenye wow fadeInUp" data-wow-delay="0.7s">{$faqPage}</div>
  76. <!--底部-->
  77. {include file="footer" /}
  78. <script type="text/javascript">
  79. $('.faq-item .title').click(function() {
  80. $(this).parent().parent().siblings().find('.title').removeClass('cur');
  81. $(this).parent().parent().siblings().find('.main').slideUp();
  82. if($(this).siblings('.main').length > 0) {
  83. $(this).toggleClass('cur');
  84. $(this).siblings('.main').stop(true, true).slideToggle();
  85. if($(this).siblings('.main').css('display') == "block") {
  86. $(this).parents('.faq-item').siblings().find('.title').removeClass('cur');
  87. $(this).parents('.faq-item').siblings().find('.main').slideUp();
  88. }
  89. }
  90. });
  91. </script>
  92. </body>
  93. </html>