| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
- <title>edwin欧美音乐疯</title>
- <link rel="stylesheet" href="css/base.css">
- <link rel="stylesheet" href="css/oumei_circle.css">
- </head>
- <body>
- <div class="wrapper" style="margin-bottom: 200px">
- <div class="top">
- <div class="fl icon">
- <
- </div>
- <div class="fl title" style="text-align: center">
- edwin欧美音乐疯
- </div>
- <div class="fr icon">
- ···
- </div>
- </div>
- <div class="circle_top">
- <div class="posting">
- <img src="imgs/icon_posting.svg">
- </div>
- <div class="avatar fl">
- <img src="imgs/img_avatar70@2x.png">
- </div>
- <div class="fl" style="width: 85%">
- <div style="width: 100%">
- <div class="fl" style="color: #666666; font-size: 1.1em;">
- 光影
- </div>
- <div class="fr" style="color: #B3B3B3; font-size: 0.9em">
- 2017-07-21
- </div>
- </div>
- <div style="font-size: 1em; clear:both; color: #333333">
- 你,这未走完的路...
- </div>
- </div>
- <div style="clear:both;"></div>
- <div class="showImg">
- <img src="imgs/img_1@2x.png">
- <img src="imgs/img_2@2x.png">
- <img src="imgs/img_3@2x.png">
- </div>
- <div class="showImg">
- <img src="imgs/img_4@2x.png">
- <img src="imgs/img_5@2x.png">
- <img src="imgs/img_6@2x.png">
- </div>
- <div class="collect">
- <div class="fr" style="color: #B3B3B3; margin-left: -2%;">
- 189
- </div>
- <div class="fr">
- <img src="imgs/icon_support_h.svg">
- </div>
- <div class="fr" style="color: #B3B3B3; margin-right: 5%; margin-left: -2%;">
- 56
- </div>
- <div class="fr">
- <img src="imgs/icon_comment.svg">
- </div>
- </div>
- <div style="height: 60px">
- <div class="fl" style="margin-left: 15%; width: 65%;">
- <input type="text" style="border-radius: 30px; border: none; height: 35px; width: 90%; padding: 0 5%; background: #F2F2F2">
- </div>
- <div class="fl" style="color: #999999; height: 36px; width: 18%; line-height: 36px; text-align: center;">
- 评论
- </div>
- </div>
- <div class="avatar fl" style="width: 12%; height: 12%">
- <img src="imgs/img_avatar60@2x.png">
- </div>
- <div class="fl" style="width: 85%">
- <div style="width: 100%">
- <div class="fl" style="color: #666666; font-size: 1.1em;">
- Splistinge
- </div>
- <div class="fr" style="color: #B3B3B3; font-size: 0.8em">
- 2017-07-21 19:50
- </div>
- </div>
- <div style="font-size: 0.9em; clear:both; color: #333333">
- 这就是一首比较悲伤的歌
- </div>
- </div>
- <div class="avatar fl" style="width: 12%; height: 12%; margin-top: 20px">
- <img src="imgs/img_avatar70@2x.png">
- </div>
- <div class="fl" style="width: 85%; margin-top: 20px">
- <div style="width: 100%">
- <div class="fl" style="color: #666666; font-size: 1.1em;">
- 光影
- </div>
- <div class="fr" style="color: #B3B3B3; font-size: 0.8em">
- 2017-07-21 21:50
- </div>
- </div>
- <div style="font-size: 0.9em; clear:both; color: #333333">
- 回复Splistinge:听着有些难过
- </div>
- </div>
- </div>
- <div style="background: #FAFAFA; color: #ADACE5; margin-top: 120px; text-align: center; padding: 7px 0">
- 查看更多评论
- </div>
- <div class="circle_top">
- <div class="avatar fl">
- <img src="imgs/img_avatar70@2x.png">
- </div>
- <div class="fl" style="width: 85%">
- <div style="width: 100%">
- <div class="fl" style="color: #666666; font-size: 1.1em;">
- 光影
- </div>
- <div class="fr" style="color: #B3B3B3; font-size: 0.9em">
- 2017-07-21
- </div>
- </div>
- <div style="font-size: 1em; clear:both; color: #333333">
- 你,这未走完的路...
- </div>
- </div>
- <div style="clear:both;"></div>
- <div class="showImg">
- <img src="imgs/img_1@2x.png">
- <img src="imgs/img_2@2x.png">
- <img src="imgs/img_3@2x.png">
- </div>
- <div class="showImg">
- <img src="imgs/img_4@2x.png">
- <img src="imgs/img_5@2x.png">
- <img src="imgs/img_6@2x.png">
- </div>
- <div class="collect">
- <div class="fr" style="color: #B3B3B3; margin-left: -2%;">
- 189
- </div>
- <div class="fr">
- <img src="imgs/icon_support_h.svg">
- </div>
- <div class="fr" style="color: #B3B3B3; margin-right: 5%; margin-left: -2%;">
- 56
- </div>
- <div class="fr">
- <img src="imgs/icon_comment.svg">
- </div>
- </div>
- <div style="height: 60px">
- <div class="fl" style="margin-left: 15%; width: 65%;">
- <input type="text" style="border-radius: 30px; border: none; height: 35px; width: 90%; padding: 0 5%; background: #F2F2F2">
- </div>
- <div class="fl" style="color: #999999; height: 36px; width: 18%; line-height: 36px; text-align: center;">
- 评论
- </div>
- </div>
- <div class="avatar fl" style="width: 12%; height: 12%">
- <img src="imgs/img_avatar60@2x.png">
- </div>
- <div class="fl" style="width: 85%">
- <div style="width: 100%">
- <div class="fl" style="color: #666666; font-size: 1.1em;">
- Splistinge
- </div>
- <div class="fr" style="color: #B3B3B3; font-size: 0.8em">
- 2017-07-21 19:50
- </div>
- </div>
- <div style="font-size: 0.9em; clear:both; color: #333333">
- 这就是一首比较悲伤的歌
- </div>
- </div>
- <div class="avatar fl" style="width: 12%; height: 12%; margin-top: 20px">
- <img src="imgs/img_avatar70@2x.png">
- </div>
- <div class="fl" style="width: 85%; margin-top: 20px">
- <div style="width: 100%">
- <div class="fl" style="color: #666666; font-size: 1.1em;">
- 光影
- </div>
- <div class="fr" style="color: #B3B3B3; font-size: 0.8em">
- 2017-07-21 21:50
- </div>
- </div>
- <div style="font-size: 0.9em; clear:both; color: #333333">
- 回复Splistinge:听着有些难过
- </div>
- </div>
- </div>
- </div>
- <div class="footer">
- <div class="bottom fl">
- <div class="icon">
- <img src="imgs/icon_home_n.svg">
- </div>
- <div>
- 主页
- </div>
- </div>
- <div class="bottom fl">
- <div class="icon">
- <img src="imgs/icon_circle_h.svg" style="width: 40px">
- </div>
- <div style="color: #32304A">
- 圈子
- </div>
- </div>
- <div class="bottom fl">
- <div class="icon">
- <img src="imgs/icon_show_n.svg">
- </div>
- <div>
- 看演出
- </div>
- </div>
- <div class="bottom fl">
- <div class="icon">
- <img src="imgs/icon_mine_n.svg" style="width: 28px">
- </div>
- <div>
- 我的
- </div>
- </div>
- </div>
- </body>
- </html>
|