cases_detail.html 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  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="{$data['c_keywords']}"/>
  9. <meta name="description" content="{$data['c_description']}"/>
  10. <title>{$data['casesname']}_{$config['site_name']}</title>
  11. <link rel="stylesheet" href="__ADDON__/css/swiper.css">
  12. <link rel="stylesheet" href="__ADDON__/css/style.css">
  13. <link rel="stylesheet" href="__ADDON__/css/media.css">
  14. <link rel="stylesheet" href="__ADDON__/css/animate.min.css">
  15. <link rel="shortcut icon" href="__ADDON__/images/favicon.ico">
  16. </head>
  17. <body>
  18. <!--头部-->
  19. {include file="header" /}
  20. <!--内容-->
  21. <div id="bann" style="background-image: url({$config.banner2|cdnurl});">
  22. <div class="container">
  23. <div class="t1 wow fadeInUp" data-wow-delay="200ms">
  24. SOLUTION<br>
  25. </div>
  26. <div class="t2 wow fadeInUp" data-wow-delay="300ms">
  27. <span>根据每个客户的不同需求定制不同层次的解决方案</span>
  28. </div>
  29. </div>
  30. </div>
  31. <div class="nav_pc hide wow fadeInLeft" data-wow-delay="400ms">
  32. <div class="container">
  33. <a class="home" href="{:addon_url('wwh/index/index')}"><img src="__ADDON__/images/home_ico.png" style="background-color: #0f6ab4;" alt=""></a>
  34. <div class="first">
  35. <h4>解决方案</h4>
  36. <ul>
  37. <li><a href="{:addon_url('wwh/index/product',[':id'=>''])}">产品中心</a></li>
  38. <li><a href="{:addon_url('wwh/index/cases',[':id'=>''])}">解决方案</a></li>
  39. <li><a href="{:addon_url('wwh/index/service')}">服务中心</a></li>
  40. <li><a href="{:addon_url('wwh/index/partner')}">合作伙伴</a></li>
  41. <li><a href="{:addon_url('wwh/index/news',[':id'=>''])}">新闻中心</a></li>
  42. <li><a href="{:addon_url('wwh/index/about')}">关于我们</a></li>
  43. </ul>
  44. </div>
  45. <div class="second active">
  46. <h4>
  47. {if condition="$id eq null"}方案分类{/if}
  48. {foreach name='casescategory' id='vo'}
  49. {if condition="$vo['id'] eq $data['casescategoryid'] and $data['id'] eq $id" }{$vo['name']}{/if}
  50. {/foreach}
  51. </h4>
  52. <ul>
  53. {foreach name='casescategory' id='vo'}
  54. <li><a href="{:addon_url('wwh/index/cases', [':id'=>$vo['id']])}">{$vo['name']}</a></li>
  55. {/foreach}
  56. </ul>
  57. </div>
  58. </div>
  59. </div>
  60. <div class="nav_phone hide container">
  61. <p><a href="{:addon_url('wwh/index/index')}">首页</a></p>
  62. <p><a href="{:addon_url('wwh/index/cases',[':id'=>''])}">解决方案</a></p>
  63. {if condition="$id eq null"}<p><a>方案分类</a></p>{/if}
  64. {foreach name='casescategory' id='vo'}
  65. {if condition="$vo['id'] eq $data['casescategoryid'] and $data['id'] eq $id" }<p><a href="{:addon_url('wwh/index/cases', [':id'=>$vo['id']])}">{$vo['name']}</a></p>{/if}
  66. {/foreach}
  67. </div>
  68. <div id="cases_dt">
  69. <div class="container">
  70. <div class="solution-detail">
  71. <div class="title wow fadeInUp" data-wow-delay="400ms">{$data['casesname']}<span>浏览数:{$data['views']}</span></div>
  72. <div class="content wow fadeInUp" data-wow-delay="500ms">
  73. {$data['content']}
  74. </div>
  75. <div class="detail-bottom">
  76. <div class="left wow fadeInLeft" data-wow-delay="600ms">
  77. <div class="pg"><span>上一个:</span><a href="{:addon_url('wwh/index/cases_detail',[':id'=>$after['id']])}" class="item">{$after['casesname']}</a></div> <div class="pg"><span>下一个:</span><a href="{:addon_url('wwh/index/cases_detail',[':id'=>$front['id']])}" class="item">{$front['casesname']}</a></div> </div>
  78. <a href="{:addon_url('wwh/index/cases',[':id'=>''])}" class="back wow fadeInRight" data-wow-delay="600ms">返回列表</a>
  79. </div>
  80. </div>
  81. </div>
  82. </div>
  83. <!--底部-->
  84. {include file="footer" /}
  85. <script src="__ADDON__/js/jquery.min.js"></script>
  86. <script src="__ADDON__/js/style.js"></script>
  87. <script src="__ADDON__/js/wow.min.js"></script>
  88. <script src="__ADDON__/js/index.js"></script>
  89. <script>
  90. $('.header-container .clearfix .H-nav .Hnav-menu').eq(2).addClass('nav-active');//顶部导航变色
  91. $('.nav_pc .first, .nav_pc .second').on('mouseenter mouseleave', function () {
  92. $(this).children('ul').stop().slideToggle()
  93. });
  94. </script>
  95. </body>
  96. </html>