index.html 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>ShowDoc</title>
  6. <link rel="stylesheet" href="__PUBLIC__/bootstrap/css/bootstrap.min.css">
  7. <link rel="stylesheet" href="__PUBLIC__/css/jquery.fullPage.css">
  8. <style>
  9. .section { text-align: center; font: 30px "Microsoft Yahei"; color: #fff;}
  10. .header{
  11. padding-right: 100px;
  12. padding-top: 30px;
  13. font-size: 18px;
  14. position: fixed;
  15. right: 0;
  16. left: 0;
  17. z-index: 1030;
  18. margin-bottom: 0;
  19. }
  20. .header a {
  21. color: white;
  22. font-size: 12px;
  23. font-weight: bold;
  24. }
  25. </style>
  26. </head>
  27. <body>
  28. <div class="row header ">
  29. <div class="right pull-right">
  30. <ul class="inline pull-right">
  31. <if condition="$login_user">
  32. <li ><a href="{:U('Home/Item/index')}">我的项目</a></li>
  33. <else />
  34. <li ><a href="{:U('Home/User/login')}">登录 / 注册 </a></li>
  35. </if>
  36. </ul>
  37. </div>
  38. </div>
  39. <div id="dowebok">
  40. <div class="section">
  41. <h1>ShowDoc</h1>
  42. <br>
  43. <p>一个非常适合IT团队的在线API文档、技术文档工具</p>
  44. <br>
  45. <p>
  46. <a class="btn btn-large " href="http://www.showdoc.cc/demo" target="_blank">示例</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  47. <a class="btn btn-large" href="http://www.showdoc.cc/help" target="_blank" >帮助&nbsp;</i></a>
  48. </p>
  49. </div>
  50. <div class="section">
  51. <h1>API文档</h1>
  52. <br>
  53. <p> APP、web前端与服务器常用API来进行交互</p><p>用ShowDoc可以非常方便快速地编写出美观的API文档</p>
  54. <br>
  55. </div>
  56. <div class="section">
  57. <h1>数据字典</h1>
  58. <br>
  59. <p>好的数据字典可以很方便地向别人描述你的数据库结构<br>
  60. <p>用ShowDoc可以编辑出美观的数字字典</p>
  61. <br>
  62. </div>
  63. <div class="section">
  64. <h1>说明文档</h1>
  65. <br>
  66. <p>你完全可以使用 ShowDoc来编写一些工具的说明书<br>也可以编写一些技术规范说明文档以供团队查阅</p>
  67. <br>
  68. </div>
  69. <div class="section">
  70. <h1>团队协作</h1>
  71. <br>
  72. <p>团队权限管理机制让团队良好地协同编写文档</p>
  73. <br>
  74. </div>
  75. <div class="section">
  76. <h1>免费开源</h1>
  77. <br>
  78. <p>ShowDoc提供免费开源的版本<br>你可以选择将ShowDoc部署到你的服务器</p>
  79. <br>
  80. </div>
  81. <div class="section">
  82. <h1>在线托管</h1>
  83. <br>
  84. <p> www.showdoc.cc 提供安全稳定的在线文档托管服务<br></p><p>你可以放心地选择托管你的文档数据在云端</p>
  85. <br>
  86. </div>
  87. <div class="section">
  88. <h1></h1>
  89. <br>
  90. <p>超过2000+互联网团队正在使用ShowDoc</p>
  91. <br>
  92. <p>
  93. <a class="btn btn-large " href="http://www.showdoc.cc/home/user/register" target="_blank">立即体验</a>
  94. </p>
  95. </div>
  96. </div>
  97. <include file="Common/footer" />
  98. <script src="__PUBLIC__/js/jquery.fullPage.min.js"></script>
  99. <script>
  100. $(function(){
  101. $('#dowebok').fullpage({
  102. sectionsColor : ['#1bbc9b', '#4BBFC3', '#2C606A', '#f90','#7CBD9D','#A77DC2','#85CE92','#1bbc9b'],
  103. navigation:true,
  104. });
  105. $(window).resize(function(){
  106. autoScrolling();
  107. });
  108. function autoScrolling(){
  109. var $ww = $(window).width();
  110. if($ww < 1024){
  111. $.fn.fullpage.setAutoScrolling(false);
  112. } else {
  113. $.fn.fullpage.setAutoScrolling(true);
  114. }
  115. }
  116. autoScrolling();
  117. });
  118. </script>
  119. </body>
  120. </html>