2
0

index.html 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Vue.js commits example</title>
  5. <style>
  6. #demo {
  7. font-family: 'Helvetica', Arial, sans-serif;
  8. }
  9. a {
  10. text-decoration: none;
  11. color: #f66;
  12. }
  13. li {
  14. line-height: 1.5em;
  15. margin-bottom: 20px;
  16. }
  17. .author, .date {
  18. font-weight: bold;
  19. }
  20. </style>
  21. <script src="../../dist/vue.js"></script>
  22. </head>
  23. <body>
  24. <div id="demo">
  25. <h1>Latest Vue.js Commits</h1>
  26. <template v-for="branch in branches">
  27. <input type="radio"
  28. name="branch"
  29. :id="branch"
  30. :value="branch"
  31. v-model="currentBranch">
  32. <label :for="branch">{{branch}}</label>
  33. </template>
  34. <p>vuejs/vue@{{currentBranch}}</p>
  35. <ul>
  36. <li v-for="record in commits">
  37. <a :href="record.html_url" target="_blank" class="commit">{{record.sha.slice(0, 7)}}</a>
  38. - <span class="message">{{record.commit.message | truncate}}</span><br>
  39. by <span class="author">{{record.commit.author.name}}</span>
  40. at <span class="date">{{record.commit.author.date | formatDate}}</span>
  41. </li>
  42. </ul>
  43. </div>
  44. <script src="app.js"></script>
  45. </body>
  46. </html>