Página Principal Explorar Ajuda
Registe-se Iniciar Sessão
roobe
/
miao
1
0
Fork 0
Ficheiros Problemas 0 Pull Requests 0 Wiki
Árvore: 15a015f3f8
Ramos Etiquetas
miao
/
server
/
resources
/
views
/
admin
/
share1.blade.php

share1.blade.php 23 KB
Histórico Em bruto

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="en">
    3. 

  3. <head>
    4. 

  4.     <meta charset="UTF-8">
    5. 

  5.     <title>{{empty($dream->user) ? '' : $dream->user->nickname}}的梦想</title>
    6. 

  6.     <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    7. 

  7.     <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    8. 

  8.     <style>
    9. 

  9.         body{
    10. 

  10.             padding: 0;
    11. 

  11.             margin: 0;
    12. 

  12.         }
    13. 

  13.         p{
    14. 

  14.             -webkit-margin-before: 0.1em;
    15. 

  15.             -webkit-margin-after: 0.1em;
    16. 

  16.         }
    17. 

  17.         #tab-title h3{color:#7C7C7C;font-size:15px;font-weight:400;}
    18. 

  18.         #tab-title .selected{color:#00c3da;} /*标题被选中时的样式*/
    19. 

  19.         #tab-title span{width: 33%; display: inline-block; text-align: center; height: 40px; line-height: 40px}
    20. 

  20.         #tab-content .hide{display:none;}
    21. 

  21.         #tab-content ul{overflow:hidden;}
    22. 

  22.         .row {
    23. 

  23.             display: -webkit-box;
    24. 

  24.             display: -webkit-flex;
    25. 

  25.             display: -moz-box;
    26. 

  26.             display: -moz-flex;
    27. 

  27.             display: -ms-flexbox;
    28. 

  28.             display: flex;
    29. 

  29.             padding: 5px;
    30. 

  30.             width: 100%; }
    31. 

  31.         .col {
    32. 

  32.             -webkit-box-flex: 1;
    33. 

  33.             -webkit-flex: 1;
    34. 

  34.             -moz-box-flex: 1;
    35. 

  35.             -moz-flex: 1;
    36. 

  36.             -ms-flex: 1;
    37. 

  37.             flex: 1;
    38. 

  38.             display: block;
    39. 

  39.             padding: 5px;
    40. 

  40.             width: 100%; }
    41. 

  41. 

  42.         .tab-content .hide{
    43. 

  43.             display: none;
    44. 

  44.         }
    45. 

  45.         .selected {
    46. 

  46.             color: #00c3da;
    47. 

  47.             border-bottom: 1px solid #00c3da;
    48. 

  48.         }
    49. 

  49.         .detail-head {
    50. 

  50.             text-align:center;
    51. 

  51.             background: #F3F3F3;
    52. 

  52.         }
    53. 

  53.         .head{
    54. 

  54.             width:40px;
    55. 

  55.             border-radius:100%;
    56. 

  56.             margin:5px;
    57. 

  57.         }
    58. 

  58.         .detail-head {
    59. 

  59.             text-align:center;
    60. 

  60.             background: #F3F3F3;
    61. 

  61.         }
    62. 

  62.         .detail-head img{
    63. 

  63.             width:80px;
    64. 

  64.             border-radius:100%;
    65. 

  65.             margin-top: 5px;
    66. 

  66.         }
    67. 

  67. 

  68.         .item {
    69. 

  69.             border: 0px solid #ddd;
    70. 

  70.             background-color: #fff;
    71. 

  71.             color: #444;
    72. 

  72.             position: relative;
    73. 

  73.             z-index: 2;
    74. 

  74.             display: block;
    75. 

  75.             margin: -1px;
    76. 

  76.             padding: 16px;
    77. 

  77.             font-size: 16px; }
    78. 

  78. 

  79.         .hdcontent {
    80. 

  80.             padding-top:49px;
    81. 

  81.         }
    82. 

  82.         .hdcontent .item {
    83. 

  83.             padding:0;
    84. 

  84.         }
    85. 

  85.         .hdcontent .head{
    86. 

  86.             width:40px;
    87. 

  87.             border-radius:100%;
    88. 

  88.             margin:5px;
    89. 

  89.         }
    90. 

  90.         .hdcontent .slt {
    91. 

  91.             width:31%;
    92. 

  92.             /*max-height:95px;*/
    93. 

  93.             float:left;
    94. 

  94.             /*border: 1px solid #B5B5B5;*/
    95. 

  95.             margin:5px 5px 5px 0;
    96. 

  96.         }
    97. 

  97. 

  98.         .hdcontent .utitle {
    99. 

  99.             position:relative;
    100. 

  100.             top: -28px;
    101. 

  101.         }
    102. 

  102.         .hdcontent .kz{
    103. 

  103.             float: right;
    104. 

  104.             top: 10px;
    105. 

  105.             margin-right: 10px;
    106. 

  106.             color:#999999;
    107. 

  107.         }
    108. 

  108.         .hdcontent .subtile {
    109. 

  109.             white-space:normal;
    110. 

  110.             padding-left:53px;
    111. 

  111.             top:-23px;
    112. 

  112.             position:relative;
    113. 

  113.         }
    114. 

  114.         .hdcontent .picts {
    115. 

  115.             padding-left:53px;
    116. 

  116.             margin-top:-20px;
    117. 

  117.         }
    118. 

  118. 

  119.         .hdcontent .subitem img {
    120. 

  120.             width:40px;
    121. 

  121.             border-radius:100%;
    122. 

  122.             margin:5px;
    123. 

  123.         }
    124. 

  124.         .hdcontent .subitem span{
    125. 

  125.             position:relative;
    126. 

  126.             top: -23px;
    127. 

  127.         }
    128. 

  128.         .hdcontent .subitem div{
    129. 

  129.             color: #666666;
    130. 

  130.         }
    131. 

  131.         .hdcontent .subitem span:nth-child(3){
    132. 

  132.             color:#999999;
    133. 

  133.             top: 12px;
    134. 

  134.             float: right;
    135. 

  135.         }
    136. 

  136.         .hdcontent .subitem div {
    137. 

  137.             margin-left:50px;
    138. 

  138.             padding-bottom: 10px;
    139. 

  139.             top:-15px;
    140. 

  140.             border-bottom: 1px solid #E6E6E6;
    141. 

  141.             position:relative;
    142. 

  142.         }
    143. 

  143.         .top2{
    144. 

  144.             margin-top: 13.5px;
    145. 

  145.             text-align: center;
    146. 

  146.             float:left;
    147. 

  147.             height: 97px;
    148. 

  148.             width: 97px;
    149. 

  149.             color: #6B6B6B;
    150. 

  150.             font-size: 14px;
    151. 

  151.         }
    152. 

  152.         .top1{
    153. 

  153.             text-align: center;
    154. 

  154.             float:left;
    155. 

  155.             height: 111px;
    156. 

  156.             width: 111px;
    157. 

  157.             color: #6B6B6B;
    158. 

  158.             font-size: 14px;
    159. 

  159.         }
    160. 

  160. 

  161.         .detail-head {
    162. 

  162.             text-align:center;
    163. 

  163.             background: #F3F3F3;
    164. 

  164.         }
    165. 

  165.         .detail-head img{
    166. 

  166.             width:80px;
    167. 

  167.             border-radius:100%;
    168. 

  168.             margin-top: 5px;
    169. 

  169.         }
    170. 

  170.         .detail-like {
    171. 

  171.             position:absolute;
    172. 

  172.             width:100%;
    173. 

  173.             bottom:0;
    174. 

  174.             z-index:888;
    175. 

  175.             font-size:1.2rem;
    176. 

  176.         }
    177. 

  177.         .detail-like .box {
    178. 

  178.             border:2px solid  #EAEAEA;
    179. 

  179.             background: #fff;
    180. 

  180.             min-height: 55px;
    181. 

  181.             padding: 5px 2%;
    182. 

  182.             margin:2%;
    183. 

  183.             border-radius: 20px;
    184. 

  184.             text-align:center;
    185. 

  185.         }
    186. 

  186.         .detail-like .selected{
    187. 

  187.             border:2px solid  #00C3DA;
    188. 

  188.         }
    189. 

  189.         .detail-like .coin {
    190. 

  190.             background-color:#fff;
    191. 

  191.         }
    192. 

  192.         .detail-like .send {
    193. 

  193.             font-size:1.2rem;
    194. 

  194.             height: 3rem;
    195. 

  195.             line-height: 3rem;
    196. 

  196.             padding: 0 1rem;
    197. 

  197.             background-color:#fff;
    198. 

  198.         }
    199. 

  199. 

  200.         .detail-like .send div{
    201. 

  201.             color: #929292;
    202. 

  202.         }
    203. 

  203.         .detail-like .send img{
    204. 

  204.             width: 30px;
    205. 

  205.             height: 20px;
    206. 

  206.             top: 5px;
    207. 

  207.         }
    208. 

  208.         .detail-like .send span em{
    209. 

  209.             color: #00C3DA;
    210. 

  210.         }
    211. 

  211.         .detail-like .row{
    212. 

  212.             padding: 0;
    213. 

  213.             height: 70px;
    214. 

  214.             color: #898989;
    215. 

  215.             background: #E6E6E6;
    216. 

  216.         }
    217. 

  217.         .detail-like .col{
    218. 

  218.             text-align: center;
    219. 

  219.             padding: 5px 0 0 0;
    220. 

  220.         }
    221. 

  221.         .detail-like .col img{
    222. 

  222.             height: 35px;
    223. 

  223.             width: 35px;
    224. 

  224.         }
    225. 

  225. 

  226.         .addcontent .item{
    227. 

  227.             border:0;
    228. 

  228.         }
    229. 

  229.         .addcontent .itemjs{
    230. 

  230.             padding-top:0;
    231. 

  231.             margin-top:-6px;
    232. 

  232.         }
    233. 

  233.         .col-20 {
    234. 

  234.             -webkit-box-flex: 0;
    235. 

  235.             -webkit-flex: 0 0 20%;
    236. 

  236.             -moz-box-flex: 0;
    237. 

  237.             -moz-flex: 0 0 20%;
    238. 

  238.             -ms-flex: 0 0 20%;
    239. 

  239.             flex: 0 0 20%;
    240. 

  240.             max-width: 20%; }
    241. 

  241.         .col-80 {
    242. 

  242.             -webkit-box-flex: 0;
    243. 

  243.             -webkit-flex: 0 0 80%;
    244. 

  244.             -moz-box-flex: 0;
    245. 

  245.             -moz-flex: 0 0 80%;
    246. 

  246.             -ms-flex: 0 0 80%;
    247. 

  247.             flex: 0 0 80%;
    248. 

  248.             max-width: 80%; }
    249. 

  249.         .col-60 {
    250. 

  250.             -webkit-box-flex: 0;
    251. 

  251.             -webkit-flex: 0 0 60%;
    252. 

  252.             -moz-box-flex: 0;
    253. 

  253.             -moz-flex: 0 0 60%;
    254. 

  254.             -ms-flex: 0 0 60%;
    255. 

  255.             flex: 0 0 60%;
    256. 

  256.             max-width: 60%; }
    257. 

  257.         .col-offset-20 {
    258. 

  258.             margin-left: 20%; }
    259. 

  259.         .detail-head {
    260. 

  260.             text-align:center;
    261. 

  261.             background: #F3F3F3;
    262. 

  262.         }
    263. 

  263. 

  264.     </style>
    265. 

  265. </head>
    266. 

  266. <body style="overflow-x: hidden">
    267. 

  267. <div style="height: 50px">
    268. 

  268.     <a href="https://fir.im/jt4h" style="height: 50px; background: #00c3da; position: fixed; z-index: 99; width: 100%">
    269. 

  269.         <div style="float: left;color: #fff;line-height: 50px;padding-left: 5px">支持({{empty($dream->user) ? '' : $dream->user->nickname}})的梦想!现在就下载喵喵</div>
    270. 

  270.         <div style="float: right;padding: 5px">
    271. 

  271.             <img style="width: 40px;height: 40px;" src="http://firicon.fir.im/396004d5e7b572efbefdfee976338331a457282b" alt="">
    272. 

  272.         </div>
    273. 

  273.     </a>
    274. 

  274. </div>
    275. 

  275. <div id="sidebar-tab">
    276. 

  276.     <div id="tab-title">
    277. 

  277.         <h3><span class="selected">主页</span><span>互动</span><span>排行榜</span></h3>
    278. 

  278.     </div>
    279. 

  279.     <div id="tab-content">
    280. 

  280.         <div style="margin-bottom: 10px">
    281. 

  281.             <img style="width: 100%; height: 100%;" src="{{!empty($dream->img) ? $dream->img->pic : ''}}">
    282. 

  282.             <p style="font-size: 17px; padding: 0 10px">{{$dream->name}}</p>
    283. 

  283.             <div style="border-bottom: 1px solid #DEDEDE">
    284. 

  284.                 <p id="about" style="font-size: 13px; padding: 0 10px; color: #919191;white-space: nowrap;overflow:hidden;text-overflow:ellipsis">
    285. 

  285.                     {{$dream->about}}
    286. 

  286.                 </p>
    287. 

  287.                 <p style="text-align: center">
    288. 

  288.                     <img src="/base/img/down.svg" alt="" id="down">
    289. 

  289.                     <img src="/base/img/up.svg" alt="" id="up">
    290. 

  290.                 </p>
    291. 

  291.             </div>
    292. 

  292.             <div style="border-bottom: 1px solid #DEDEDE; height: 50px; padding: 5px 10px;">
    293. 

  293.                 <div style="float:left;">
    294. 

  294.                     <p>{{$days}}</p>
    295. 

  295.                     <p style="font-size: 13px; color: #919191">剩余时间</p>
    296. 

  296.                 </div>
    297. 

  297.                 @if( $dream->user_id == $user_id)
    298. 

  298.                     <div style="float:right;">
    299. 

  299.                         <p style="text-align: right">{{$dream->mark}}</p>
    300. 

  300.                         <p style="font-size: 13px;; color: #919191">当前获得梦想分数</p>
    301. 

  301.                     </div>
    302. 

  302.                 @endif
    303. 

  303.             </div>
    304. 

  304.             <div style="clear:both; height: 50px; padding: 5px 10px;">
    305. 

  305.                 <div style="text-align: left; float:left;">
    306. 

  306.                     <p style="">{{$dream->coin}}</p>
    307. 

  307.                     <p style="font-size: 13px; color: #919191">我要求的梦想币</p>
    308. 

  308.                 </div>
    309. 

  309.                 @if( $dream->user_id == $user_id)
    310. 

  310.                     <div style="text-align: right;float: right">
    311. 

  311.                         <p style="color: #FF6600">{{$dream->get_coin}}</p>
    312. 

  312.                         <p style="font-size: 13px; color: #919191">目前已获梦想币</p>
    313. 

  313.                     </div>
    314. 

  314.                 @endif
    315. 

  315.             </div>
    316. 

  316.             <div style="padding: 0 10px 20px  10px">
    317. 

  317.                 <div style="background-color:#E6E6E6; width: 100%;">
    318. 

  318.                     <div style="width: {{($dream->get_coin / $dream->coin)*100}}%; background: #FF6600; height: 5px">
    319. 

  319.                     </div>
    320. 

  320.                 </div>
    321. 

  321.             </div>
    322. 

  322.             @if(count($dream->top3user)>0)
    323. 

  323.                 <div class="detail-head" style="height: 130px" >
    324. 

  324.                     @if(count($dream->top3user)<3)
    325. 

  325.                         <div class="row">
    326. 

  326.                             @if(count($dream->top3user)>0)
    327. 

  327.                                 <div class="col top1"  style="background: url('/base/img/img_No1.svg') no-repeat; background-size: 100% 100%;">
    328. 

  328.                                     <img  style="width: 80px; height: 80px; margin: 28px 0 8px 0; border-radius: 100%; background: #C6D3E2;" src="{{$dream['top3user'][0]['avatar']}}"  /><br>
    329. 

  329.                                 </div>
    330. 

  330.                             @endif
    331. 

  331.                             @if(count($dream->top3user)>1)
    332. 

  332.                                 <div class="col top2"  style="margin-top: 10px; background: url('/base/img/img_No2.svg') no-repeat; background-size: 100% 100%;">
    333. 

  333.                                     <img style="width: 70px; margin: 24px 0 8px 0; border-radius: 100%; background: #C6D3E2;" src="{{$dream['top3user'][1]['avatar']}}"  /><br>
    334. 

  334.                                 </div>
    335. 

  335.                             @endif
    336. 

  336.                         </div>
    337. 

  337.                     @endif
    338. 

  338.                     @if(count($dream->top3user)>2)
    339. 

  339.                          <div class="row">
    340. 

  340.                              @if(count($dream->top3user)>1)
    341. 

  341.                             <div class="col top2"  style="margin-top: 10px; background: url('/base/img/img_No2.svg') no-repeat; background-size: 100% 100%;">
    342. 

  342.                                 <img style="width: 70px; margin: 24px 0 8px 0; border-radius: 100%; background: #C6D3E2;"src="{{$dream['top3user'][1]['avatar']}}"  /><br>
    343. 

  343.                             </div>
    344. 

  344.                              @endif
    345. 

  345.                                  @if(count($dream->top3user)>0)
    346. 

  346.                             <div class="col top1"  style="background: url('/base/img/img_No1.svg') no-repeat; background-size: 100% 100%;">
    347. 

  347.                                 <img style="width: 80px; height: 80px; margin: 28px 0 8px 0; border-radius: 100%; background: #C6D3E2;" src="{{$dream['top3user'][0]['avatar']}}"  /><br>
    348. 

  348.                             </div>
    349. 

  349.                                  @endif
    350. 

  350.                                  @if(count($dream->top3user)>2)
    351. 

  351. 

  352.                                  <div class="col top2" style="margin-top: 10px; background: url('/base/img/img_No3.svg') no-repeat; background-size: 100% 100%;">
    353. 

  353.                                 <img style="width: 70px; margin: 24px 0 8px 0; border-radius: 100%; background: #C6D3E2;"src="{{$dream['top3user'][2]['avatar']}}"  /><br>
    354. 

  354.                             </div>
    355. 

  355.                                      @endif
    356. 

  356.                         </div>
    357. 

  357.                     @endif
    358. 

  358.             </div>
    359. 

  359.             @endif
    360. 

  360.             @if(count($dream->top3user)==0)
    361. 

  361.                 <div  style="background: #f6f6f6;">
    362. 

  362.                     <div class="row" >
    363. 

  363.                         <div class="col" align="center">
    364. 

  364.                             <img src="/base/img/pic_leaves.png">
    365. 

  365.                         </div>
    366. 

  366.                     </div>
    367. 

  367.                 </div>
    368. 

  368.             @endif
    369. 

  369. 

  370.         </div>
    371. 

  371.         <div class="hide">
    372. 

  372.             @foreach($dream->interactions as $key=> $interaction)
    373. 

  373.                 <div class="hdcontent" >
    374. 

  374.                 <div>
    375. 

  375.                     <img class="head" src="{{$dream->user->avatar}}"/>
    376. 

  376.                     <span class="utitle">{{$dream->user->nickname}}</span>
    377. 

  377.                     <span class="utitle kz">{{$dream->created_at}}</span>
    378. 

  378.                     <p class="subtile" style="white-space:normal; color: #666666">{{$interaction['title']}}</p>
    379. 

  379.                     <div class="picts item">
    380. 

  380.                         @if($interaction['pic1'])
    381. 

  381.                             <img class="slt"  src="{{$interaction['pic1']}}"  />
    382. 

  382.                         @endif
    383. 

  383.                             @if($interaction['pic2'])
    384. 

  384.                             <img class="slt"  src="{{$interaction['pic2']}}"  />
    385. 

  385.                         @endif @if($interaction['pic3'])
    386. 

  386.                             <img class="slt"  src="{{$interaction['pic3']}}"  />
    387. 

  387.                         @endif @if($interaction['pic4'])
    388. 

  388.                             <img class="slt"  src="{{$interaction['pic4']}}"  />
    389. 

  389.                         @endif @if($interaction['pic5'])
    390. 

  390.                             <img class="slt"  src="{{$interaction['pic5']}}"  />
    391. 

  391.                         @endif @if($interaction['pic6'])
    392. 

  392.                             <img class="slt"  src="{{$interaction['pic6']}}"  />
    393. 

  393.                         @endif @if($interaction['pic7'])
    394. 

  394.                             <img class="slt"  src="{{$interaction['pic7']}}"  />
    395. 

  395.                         @endif @if($interaction['pic8'])
    396. 

  396.                             <img class="slt"  src="{{$interaction['pic8']}}"  />
    397. 

  397.                         @endif @if($interaction['pic9'])
    398. 

  398.                             <img class="slt"  src="{{$interaction['pic9']}}"  />
    399. 

  399.                         @endif
    400. 

  400.                     </div>
    401. 

  401.                     @if($interaction['video'])
    402. 

  402. 

  403.                     <div class="box banner" >
    404. 

  404.                         <video src="{{ $interaction['video'] }}" width="100%" style="max-height: 400px;" class="centerme" controls="controls"></video>
    405. 

  405.                     </div>
    406. 

  406.                     @endif
    407. 

  407.                 </div>
    408. 

  408.                     <div style="clear:both;"></div>
    409. 

  409.                {{-- <div class="list">
    410. 

  410.                     <div class="item" ng-repeat="c in interaction.comments" ng-click="replayOther($event,c.user_nickname,c.user_id,$parent.$parent.$index,$index)" ng-if="interaction.showmore||$index<4">
    411. 

  411.                         <div class="row">
    412. 

  412.                             <div class="col-20" style="text-align: right">
    413. 

  413.                                 <img class="head" ng-src="{{c.user_avatar | avator}}" />
    414. 

  414.                             </div>
    415. 

  415.                             <div class="col-80" style="border-bottom: 1px solid #E6E6E6">
    416. 

  416.                                 <span style="margin-top: 10px; display: inline-block;font-size: 12px">{{c.user_nickname}}</span>
    417. 

  417.                                 <span style="font-size: 12px" class="utitle kz">{{c.updated_at}}</span>
    418. 

  418.                                 <p style="white-space:normal; color: #666666;font-size: 12px">
    419. 

  419.                                             <span ng-if="c.to_user_nickname&&c.to_user_nickname!=''&&c.to_user_nickname!=dream.user.nickname" style="font-size: 12px">
    420. 

  420.                                                 回复<span style="color:#333333;font-size: 12px"> {{c.to_user_nickname}}</span> ：
    421. 

  421.                                             </span>
    422. 

  422.                                     {{c.content}}
    423. 

  423.                                 </p>
    424. 

  424.                             </div>
    425. 

  425.                         </div>
    426. 

  426.                     </div>
    427. 

  427.                     <div class="row">
    428. 

  428.                         <div class="col-offset-20 col-60">
    429. 

  429.                             <p ng-click="showmore($index)" ng-if="interaction.comments.length>4" style="color: #00C3DA; margin-top: 10px; margin-bottom: 10px"> {{interaction.showmore?"只看最近评论":"查看更多评论"}}</p>
    430. 

  430.                         </div>
    431. 

  431.                     </div>
    432. 

  432.                 </div>--}}
    433. 

  433.             </div>
    434. 

  434.             @endforeach
    435. 

  435.         </div>
    436. 

  436.         <div class="hide">
    437. 

  437.             @if(count($dream->top3user)>0)
    438. 

  438.                  <div class="detail-head" style="height: 180px">
    439. 

  439.                 @if(count($dream->top3user)<=2)
    440. 

  440.                     <div class="row">
    441. 

  441.                     @if(count($dream->top3user)>0)
    442. 

  442.                     <div class="col top1"  style="background: url('/base/img/img_No1.svg') no-repeat; background-size: 100% 100%;">
    443. 

  443.                         <img style="width: 80px; height: 80px; margin: 28px 0 8px 0; border-radius: 100%; background: #C6D3E2;" src="{{$dream['top3user'][0]['avatar']}}" /><br>
    444. 

  444.                         {{ $dream['top3user'][0]['nickname'] }}<br>
    445. 

  445.                         <img src="/base/img/icon_gongxian.svg" style="height: 18px; width: 18px; margin-top: 5px" />
    446. 

  446.                         <em style="font-size: 15px;">{{ $dream['top3user'][0]['score'] }}</em>
    447. 

  447.                     </div>
    448. 

  448.                     @endif
    449. 

  449.                         @if(count($dream->top3user)>1)
    450. 

  450.                     <div class="col top2" style="background: url('/base/img/img_No2.svg') no-repeat; background-size: 100% 100%;">
    451. 

  451.                         <img  style="width: 70px; margin: 24px 0 6px 0; border-radius: 100%; background: #C6D3E2;" src="{{ $dream['top3user'][1]['avatar'] }}" /><br>
    452. 

  452.                         {{ $dream['top3user'][1]['nickname'] }}<br>
    453. 

  453.                         <img src="/base/img/icon_gongxian.svg" style="height: 18px; width: 18px; margin-top: 5px" />
    454. 

  454.                         <em style="font-size: 15px;">{{ $dream['top3user'][1]['score'] }}</em>
    455. 

  455.                     </div>
    456. 

  456.                     @endif
    457. 

  457.                 </div>
    458. 

  458.                  @elseif(count($dream->top3user)>2)
    459. 

  459.                     <div class="row">
    460. 

  460.                         @if(count($dream->top3user)>1)
    461. 

  461.                         <div class="col top2" style="background: url('/base/img/img_No2.svg') no-repeat; background-size: 100% 100%; margin-top: 10px">
    462. 

  462.                             <img  style="width: 70px; margin: 24px 0 8px 0; border-radius: 100%; background: #C6D3E2;"  src="{{ $dream['top3user'][1]['avatar'] }}" /><br>
    463. 

  463.                             {{ $dream['top3user'][1]['nickname'] }}<br>
    464. 

  464.                             <img src="/base/img/icon_gongxian.svg" style="height: 18px; width: 18px; margin-top: 5px" />
    465. 

  465.                             <em style="font-size: 16px">{{ $dream['top3user'][1]['score'] }}</em>
    466. 

  466.                         </div>
    467. 

  467.                         @endif
    468. 

  468.                             @if(count($dream->top3user)>0)
    469. 

  469.                         <div class="col top1"  style="background: url('/base/img/img_No1.svg') no-repeat; background-size: 100% 100%;">
    470. 

  470.                             <img  style="width: 80px; height: 80px; margin: 28px 0 8px 0; border-radius: 100%; background: #C6D3E2;"  src="{{ $dream['top3user'][0]['avatar'] }}" /><br>
    471. 

  471.                             {{ $dream['top3user'][0]['nickname'] }}<br>
    472. 

  472.                             <img src="/base/img/icon_gongxian.svg" style="height: 18px; width: 18px; margin-top: 5px" />
    473. 

  473.                             <em style="font-size: 16px">{{ $dream['top3user'][0]['score'] }}</em>
    474. 

  474.                         </div>
    475. 

  475.                             @endif
    476. 

  476.                                 @if(count($dream->top3user)>2)
    477. 

  477.                         <div class="col top2"  style="background: url('/base/img/img_No3.svg') no-repeat; background-size: 100% 100%; margin-top: 10px">
    478. 

  478.                             <img style="width: 70px; margin: 24px 0 8px 0; border-radius: 100%; background: #C6D3E2;" src="{{ $dream['top3user'][2]['avatar'] }}" /><br>
    479. 

  479.                             {{ $dream['top3user'][2]['nickname'] }}<br>
    480. 

  480.                             <img src="/base/img/icon_gongxian.svg" style="height: 18px; width: 18px; margin-top: 5px" />
    481. 

  481.                             <em style="font-size: 16px">{{ $dream['top3user'][2]['score'] }}</em>
    482. 

  482.                         </div>
    483. 

  483.                                 @endif
    484. 

  484.                     </div>
    485. 

  485.                 @endif
    486. 

  486.             </div>
    487. 

  487.             @endif
    488. 

  488.             @if(count($dream->top3user)==0)
    489. 

  489. 

  490.             <div  style="background: #f6f6f6;">
    491. 

  491.                 <div class="row" >
    492. 

  492.                     <div class="col" align="center">
    493. 

  493.                         <img src="/base/img/pic_leaves.png">
    494. 

  494.                     </div>
    495. 

  495.                 </div>
    496. 

  496.                 <div class="row">
    497. 

  497.                     <div class="col" style="text-align: center; color: #191919">孤独的我还被支持呢。。。亲，帮个忙？</div>
    498. 

  498.                 </div>
    499. 

  499.             </div>
    500. 

  500.                 @endif
    501. 

  501.             <div class="list padding">
    502. 

  502.                 @foreach($dream->topuser as $key => $user)
    503. 

  503.                     @if($key>2)
    504. 

  504.                      <div class="item"  style="border-bottom: 1px solid #DFDFDF">
    505. 

  505.                     <div style="float:left; color: #808080; font-size: 30px; font-weight: bold; margin-top: 0px">
    506. 

  506.                         {{$key+1}}
    507. 

  507.                     </div>
    508. 

  508.                     <div style="padding-left:20px; float:left;">
    509. 

  509.                         <div style="float:left;">
    510. 

  510.                             <img style="width:40px;border-radius:100%" src="{{$user['avatar']}}" />
    511. 

  511.                         </div>
    512. 

  512.                         <div style="float:left; margin-left: 10px">
    513. 

  513.                             <div style="font-size: 16px">{{$user['nickname']}}</div>
    514. 

  514.                             <div style="color:#9E9E9E;">{{$user['signture']}}</div>
    515. 

  515.                         </div>
    516. 

  516.                     </div>
    517. 

  517.                     <div style="float: right;">
    518. 

  518.                         <div style="font-weight:500; font-size: 18px">{{$user['score']}}</div>
    519. 

  519.                         <div style="color:#9E9E9E;">贡献</div>
    520. 

  520.                     </div>
    521. 

  521.                          <div style="clear: both"></div>
    522. 

  522.                 </div>
    523. 

  523.                     @endif
    524. 

  524.                 @endforeach
    525. 

  525.             </div>
    526. 

  526.         </div>
    527. 

  527.     </div>
    528. 

  528. 

  529. </div>
    530. 

  530. <script>
    531. 

  531.     $('#tab-title span').click(function(){
    532. 

  532.         $(this).addClass("selected").siblings().removeClass();
    533. 

  533.         $("#tab-content > div").hide().eq($('#tab-title span').index(this)).show();
    534. 

  534.     });
    535. 

  535.     $(function () {
    536. 

  536.         $('#up').hide();
    537. 

  537.         var str = $('#about').html();
    538. 

  538.         new_str = str.replace(/\n/g,"<br/>");
    539. 

  539.         $('#about').html(new_str);
    540. 

  540.         $('#up').click(function () {
    541. 

  541.             $(this).hide();
    542. 

  542.             $('#down').show();
    543. 

  543.             $('#about').css('white-space','nowrap');
    544. 

  544.         });
    545. 

  545.         $('#down').click(function () {
    546. 

  546.             $(this).hide();
    547. 

  547.             $('#up').show();
    548. 

  548.             $('#about').css('white-space','normal');
    549. 

  549.         });
    550. 

  550.     });
    551. 

  551. </script>
    552. 

  552. </body>
    553. 

  553. </html>
    554.