index.html 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  4. <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
  5. <title>Gfast开源框架演示站点</title>
  6. <meta name="keywords" content="GO后台管理系统 GO权限管理系统 GO前后端分离框架">
  7. <meta name="description"
  8. content="Gfast前后端分离框架由奇讯科技团队研发,公司以以统计宏观数据库平台、挂图作战(督办)指挥平台为主打产品,为您提供网站建设、软件开发、APP软件定制。0874-3331516">
  9. <meta name="SiteName" content="Gfast官方网站">
  10. <meta name="SiteDomain" content="http://www.g-fast.cn">
  11. <link rel="shortcut icon" type="image/x-icon" href="${.domain}image/favicon.ico">
  12. <link rel="stylesheet" type="text/css" href="${.domain}cms/css/public.css"/>
  13. <link rel="stylesheet" type="text/css" href="${.domain}cms/css/qxkj.css"/>
  14. <link rel="stylesheet" type="text/css" href="${.domain}cms/css/font-awesome-4.7.0/css/font-awesome.min.css"/>
  15. <link href="${.domain}css/swiper-6.1.1/swiper-bundle.min.css" rel="stylesheet">
  16. <script type="text/javascript" src="${.domain}js/jquery1.9.1/jquery.min.js"></script>
  17. <script src="${.domain}js/swiper-6.1.1/swiper-bundle.min.js"></script>
  18. <script type="text/javascript">
  19. $(function (){
  20. var mySwiper = new Swiper('.swiper-container', {
  21. loop: true, // 循环模式选项
  22. autoplay:false,
  23. autoplay: {
  24. delay: 3000, // 3秒切换一次
  25. }, // 自动切换
  26. // 如果需要前进后退按钮
  27. navigation: {
  28. nextEl: '.swiper-button-next',
  29. prevEl: '.swiper-button-prev',
  30. },
  31. })
  32. })
  33. </script>
  34. </head>
  35. <body>
  36. <div class="site">
  37. <div class="container">
  38. ${template "left_nav" .}
  39. <div class="content-wrapper">
  40. <div class="gslider">
  41. ${$newsParams := .newsParams}
  42. ${$newsParams := SetNewsParams $newsParams "IsSlide" "1"}
  43. ${$listSlide:=GetNewsList 0 5 (GetNewsParams $newsParams)}
  44. <!-- 图片滑动 -->
  45. <div class="swiper-container">
  46. <div class="swiper-wrapper">
  47. ${range $index,$article := $listSlide}
  48. <div class="swiper-slide">
  49. <a href="${$.domain}cms/show/${$article.CateList | getArticleCateId}/${$article.Id}" target="_blank">
  50. <img src="${$.domain}${$article.Thumbnail}">
  51. <h3 class="slide-title">${$article.NewsTitle}</h3>
  52. </a>
  53. </div>
  54. ${end}
  55. </div>
  56. <!-- 分页器 -->
  57. <div class="swiper-pagination"></div>
  58. <!-- 导航按钮 -->
  59. <div class="swiper-button-prev"></div>
  60. <div class="swiper-button-next"></div>
  61. </div>
  62. </div>
  63. <div class="recent-content">
  64. <h2><span>最新发布</span></h2>
  65. ${$list:=GetNewsList 0 7}
  66. ${range $index,$article := $list}
  67. <div class="lista">
  68. <h3>
  69. <a href="${$.domain}cms/show/${$article.CateList | getArticleCateId}/${$article.Id}" target="_blank">${subStr $article.NewsTitle 24}</a>
  70. </h3>
  71. <div class="pov">
  72. <div class="sview">
  73. <div class="sviewl">
  74. <div class="tittop">
  75. <b>发布于 ${$article.PublishedTime|timeFormatYear}</b>
  76. </div>
  77. <div class="art_summary">
  78. <p>${subStr $article.NewsExcerpt 55}</p>
  79. </div>
  80. <div class="footbar">
  81. ${$menus:=GetVarsValue $article.CateList}
  82. ${range $k ,$v:=$menus}
  83. <i class="footbar-category"><a href="${$.domain}cms/list/${$k}">${$v}</a></i>
  84. ${end}
  85. <i class="footbar-like"><a href="javascript:;">阅读(${$article.NewsHits})</a></i>
  86. </div>
  87. </div>
  88. ${if ne $article.Thumbnail ""}
  89. <div class="sviewr">
  90. <a href="${$.domain}cms/show/${$article.CateList | getArticleCateId}/${$article.Id}" target="_blank"><img src="${$.domain}${$article.Thumbnail}"></a>
  91. </div>
  92. ${end}
  93. </div>
  94. </div>
  95. </div>
  96. ${end}
  97. </div>
  98. </div>
  99. ${template "sitebar" .}
  100. </div>
  101. </div>
  102. </body>