index.html 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  7. <link rel="stylesheet" type="text/css" href="./src/app.css" />
  8. <link rel="shortcut icon" href="./favicon.ico" />
  9. <title>Serverless Fullstack</title>
  10. </head>
  11. <body>
  12. <div id="root">
  13. <div class="header" style="height: 80px">
  14. <a target="_blank" href="https://cloud.tencent.com/product/sls">
  15. <img src="./src/images/header.png" style="height: 32px; width: 318px; padding: 20px;" />
  16. </a>
  17. </div>
  18. <div class="container">
  19. <div class="hero">
  20. <img src="https://codingcorp-generic.pkg.coding.net/registry/static/68d50c073e0a4d231ea7a131cae52687-hero.png" />
  21. </div>
  22. <div class="tagline">
  23. a fullstack app built on serverless components via the serverless framework
  24. </div>
  25. <div class="buttonContainer">
  26. <div class="button" v-on:click="queryServer">
  27. <div class="buttonInner">
  28. <div class="buttonLeft">ß</div>
  29. <div class="buttonRight" v-bind:class="{ visible: isVisible }">{{ message }}</div>
  30. </div>
  31. </div>
  32. </div>
  33. </div>
  34. </div>
  35. <script src="./src/index.js"></script>
  36. </body>
  37. </html>