detail.ejs 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <%- include('head') %>
  5. <link rel="stylesheet" href="/stylesheets/detail.css">
  6. </head>
  7. <body>
  8. <%- include('header') %>
  9. <div class="details">
  10. <div class="poster">
  11. <img src="<%= data.thumb %>" alt="<%= data.title %>">
  12. </div>
  13. <div class="description">
  14. <div style="font-size: 30px; font-weight: 700;"><%= data.title %></div>
  15. <p><%= translate.designer[lang] %>: <%= data.user.username %></p>
  16. <p><%= translate.publishTime[lang] %>: <%= data.publishTime %></p>
  17. <p><%= translate.tag[lang] %>:
  18. <% data.tags.forEach(tag => { %>
  19. <a href="/<%= lang %>/tag/<%= tag %>" class="tag-button"><%= tag %></a>
  20. <% }); %>
  21. </p>
  22. <div><%= data.desc %></div>
  23. <a href="/play/<%= data._id %>" class="play-button"><%= translate.play[lang] %></a>
  24. </div>
  25. </div>
  26. <p style="display: flex; justify-content: center; color: #777; font-size: 18px; font-weight: 500;">猜您喜欢:<p>
  27. <div class="content" style="margin-bottom: 40px;">
  28. <div class="image-grid">
  29. <% relates.forEach(item => { %>
  30. <a href="/<%= lang %>/detail/<%= item._id %>"><img src="<%= item.thumb %>" alt="<%= item.name %>" ></a>
  31. <% }); %>
  32. </div>
  33. </div>
  34. </body>
  35. </html>