index.html 3.2 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')}">{$Think.lang.my_item}</a></li>
  33. <else />
  34. <li ><a href="{:U('Home/User/login')}">{$Think.lang.index_login_or_register}</a></li>
  35. </if>
  36. </ul>
  37. </div>
  38. </div>
  39. <div id="dowebok">
  40. <div class="section">
  41. <img src="__PUBLIC__/logo/b_64.png" alt="">
  42. <h1>{$Think.lang.section_title1}</h1>
  43. <br>
  44. <p>{$Think.lang.section_description1}</p>
  45. <br>
  46. <p>
  47. <a class="btn btn-large " href="{$demo_url}" target="_blank">{$Think.lang.demo}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  48. <a class="btn btn-large" href="{$help_url}" target="_blank" >{$Think.lang.help}&nbsp;</i></a>
  49. </p>
  50. </div>
  51. <div class="section">
  52. <h1>{$Think.lang.section_title2}</h1>
  53. <br>
  54. <p> {$Think.lang.section_description2}</p>
  55. <br>
  56. </div>
  57. <div class="section">
  58. <h1>{$Think.lang.section_title3}</h1>
  59. <br>
  60. <p>{$Think.lang.section_description3}</p>
  61. <br>
  62. </div>
  63. <div class="section">
  64. <h1>{$Think.lang.section_title4}</h1>
  65. <br>
  66. <p>{$Think.lang.section_description4}</p>
  67. <br>
  68. </div>
  69. <div class="section">
  70. <h1>{$Think.lang.section_title5}</h1>
  71. <br>
  72. <p>{$Think.lang.section_description5}</p>
  73. <br>
  74. </div>
  75. <div class="section">
  76. <h1>{$Think.lang.section_title6}</h1>
  77. <br>
  78. <p>{$Think.lang.section_description6}</p>
  79. <br>
  80. </div>
  81. <div class="section">
  82. <h1>{$Think.lang.section_title7}</h1>
  83. <br>
  84. <p>{$Think.lang.section_description7}</p>
  85. <br>
  86. </div>
  87. <div class="section">
  88. <h1></h1>
  89. <br>
  90. <p>{$Think.lang.section_description8}</p>
  91. <br>
  92. <p>
  93. <a class="btn btn-large " href="{:U('Home/User/register')}">{$Think.lang.section_title8}</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>