index_index.html 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>New ThinkJS Application</title>
  6. <style>
  7. *{padding: 0;margin: 0;font-size: 16px;line-height: 20px;font-family: arial;}
  8. a, a:visited{color:#337ab7;text-decoration: none;}
  9. header{padding: 70px 0 70px 0;background-color: #4A6495}
  10. h1{font-size: 36px;color:#fff;font-weight: normal;}
  11. code{ padding: 2px 4px;font-size: 90%;color: #c7254e;background-color: #f9f2f4;border-radius: 4px;}
  12. .content{width: 1000px;margin: auto}
  13. .wrap{width: 1000px;margin: auto}
  14. .content{margin-top: 80px;}
  15. .list{width: 800px;}
  16. .list .item{position: relative;padding-left: 70px;margin-top: 50px;}
  17. .list .item .step{position: absolute;width: 36px;height: 36px;top:-3px;left:0;border: 5px solid #4A6495;border-radius: 23px;text-align: center;line-height: 36px;}
  18. .list .item h2{font-size: 24px;font-weight: normal;}
  19. .list .item p{line-height: 30px;margin-top: 10px}
  20. </style>
  21. </head>
  22. <body>
  23. <header>
  24. <div class="wrap">
  25. <h1>A New App Created By ThinkJS</h1>
  26. </div>
  27. </header>
  28. <div class="content">
  29. <div class="list">
  30. <div class="item">
  31. <div class="step">1</div>
  32. <h2>Generate Files</h2>
  33. <p>Run <code>thinkjs</code> command to create module, controler, model, service and so on. </p>
  34. </div>
  35. <div class="item">
  36. <div class="step">2</div>
  37. <h2>Documentation</h2>
  38. <p>ThinkJS has online html documents. visit <a href="https://thinkjs.org/doc.html">https://thinkjs.org/doc.html</a>.</p>
  39. </div>
  40. <div class="item">
  41. <div class="step">3</div>
  42. <h2>GitHub</h2>
  43. <p>If you have some questions, please <a href="https://github.com/thinkjs/thinkjs/issues">new a issue</a>.</p>
  44. </div>
  45. </div>
  46. </div>
  47. </body>
  48. </html>