album_article.html 3.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
  6. <title>edwin欧美音乐疯</title>
  7. <link rel="stylesheet" href="css/base.css">
  8. <link rel="stylesheet" href="css/index.css">
  9. </head>
  10. <body>
  11. <div>
  12. <div class="top">
  13. <div class="fl icon">
  14. &lt;
  15. </div>
  16. <div class="fl title" style="text-align: center">
  17. edwin欧美音乐疯
  18. </div>
  19. <div class="fr icon">
  20. ···
  21. </div>
  22. </div>
  23. <div>
  24. <img src="imgs/img_article1@2x.png">
  25. </div>
  26. <div class="content">
  27. <p>永远闪耀如星,世界上最伟大的摇滚乐队你听过几个?</p>
  28. <p>chester的离去,让所有喜爱他的歌迷震惊、心碎、惋惜。因为他的音乐,曾陪伴了我们整个青春。</p>
  29. <div class="bottom">
  30. <div class="fl">
  31. 1小时前
  32. </div>
  33. <div class="fr" style="width: 20px; padding-top: 2px">
  34. <img src="imgs/icon_collect_h.svg">
  35. </div>
  36. <div class="fr" style="width: 25%;">
  37. <div class="fl" style="width: 20px; margin: 2px 10% 0 0">
  38. <img src="imgs/icon_views.svg">
  39. </div>
  40. <div class="fl">
  41. 3.5k
  42. </div>
  43. </div>
  44. </div>
  45. </div>
  46. <div>
  47. <img src="imgs/img_article2@2x.png">
  48. </div>
  49. <div class="content">
  50. <p>lana del rey新专辑《lust for life》火热发售</p>
  51. <p>lana del rey无论是专辑名。如上一张《burn to die向死而生》,还是歌曲里很多表达出来的是人生苦短,及时行乐</p>
  52. <div class="bottom">
  53. <div class="fl">
  54. 1小时前
  55. </div>
  56. <div class="fr" style="width: 20px; padding-top: 2px">
  57. <img src="imgs/icon_collect_h.svg">
  58. </div>
  59. <div class="fr" style="width: 25%;">
  60. <div class="fl" style="width: 20px; margin: 2px 10% 0 0">
  61. <img src="imgs/icon_views.svg">
  62. </div>
  63. <div class="fl">
  64. 3.5k
  65. </div>
  66. </div>
  67. </div>
  68. </div>
  69. <div>
  70. <img src="imgs/img_article3@2x.png">
  71. </div>
  72. <div class="content">
  73. <p>lana del rey新专辑《lust for life》火热发售</p>
  74. <p>lana del rey无论是专辑名。如上一张《burn to die向死而生》,还是歌曲里很多表达出来的是人生苦短,及时行乐</p>
  75. <div class="bottom">
  76. <div class="fl">
  77. 1小时前
  78. </div>
  79. <div class="fr" style="width: 20px; padding-top: 2px">
  80. <img src="imgs/icon_collect_h.svg">
  81. </div>
  82. <div class="fr" style="width: 25%;">
  83. <div class="fl" style="width: 20%; margin: 2px 10% 0 0">
  84. <img src="imgs/icon_views.svg">
  85. </div>
  86. <div class="fl">
  87. 3.5k
  88. </div>
  89. </div>
  90. </div>
  91. </div>
  92. </div>
  93. </body>
  94. </html>