add

server/app/Http/Controllers/Admin/Share/InfoController.php

@@ -2,14 +2,19 @@
 
 namespace App\Http\Controllers\Admin\Share;
 
+use App\Models\BaseSettingsModel;
 use App\Models\DreamInfoModel;
+use App\Models\InteractionInfo;
+use App\Models\SupportDreamModel;
+use App\Models\UserInfoModel;
 use Illuminate\Http\Request;
 use App\Http\Controllers\Controller;
 
 class InfoController extends Controller
 {
     public function view(Request $request){
-        $dream = DreamInfoModel::with('img')->find($request->id);
+        $id = $request->id;
+        $dream = DreamInfoModel::with('img')->find($id);
         $user_id = $request->user_id;
         $times = (strtotime($dream->end_time) -time());
         if ($times>=3600*24) {
@@ -21,6 +26,56 @@ class InfoController extends Controller
         }else{
             $days =floor ($times/60) .'分钟';
         }
-        return view('admin.share',compact('dream','days','user_id'));
+
+//        支持者
+        $support_dream = SupportDreamModel::where('dream_id',$id)->get();
+        $top = [] ;
+        $topuser = [];    //所有支持用户排行
+        $top3user = [];   //  支持用户排行前三
+        foreach ($support_dream as $item) {
+            if (!array_key_exists($item->user_id,$top)) {
+                $top[$item->user_id] = $item->score;
+            }else{
+                $top[$item->user_id] += $item->score;
+            }
+        }
+        arsort($top);
+        foreach ($top as $user_id => $score){
+            $user1 = UserInfoModel::find($user_id);
+            if (!empty($user1)) {
+                $user1->score = $score;
+                $topuser[] = $user1;
+                if(count($top3user) <= 2) $top3user[] = $user1 ;
+            }
+        }
+//        互动
+        $interactions = InteractionInfo::where('dream_id',$id)->with(['comments' => function ($query) {
+            $query->orderBy('created_at');
+        }])->orderBy('id','desc')->get();
+        
+//        梦想
+        $dream = DreamInfoModel::find($id);
+        $setting = BaseSettingsModel::where('category','score')->select('key','value','sort')->first();
+        $a = count($setting) > 0 ? $setting->key : 0;
+        $b = ceil((time()-strtotime($dream->created_at))/60); //梦想发布分钟数
+        $c = count($setting) > 0 ? $setting->value : 3;
+        if(empty($c)) $c = 3;
+        $n = count($setting) > 0 ? $setting->sort : 0;
+        $number =round( $n*exp(-$a*(pow($b,1/$c)))+1,2);
+        if ($number <= 1) $number = 1;
+        $dream = DreamInfoModel::with(['imgs','user'])->find($id);
+        $dream->signs = explode(',',$dream->sign);
+        $dream->topuser = $topuser;
+        $dream->top3user = $top3user;
+        $dream->interactions = $interactions;
+        $dream->number = $number;
+        $dream->a = $a;
+        $dream->c = $c;
+//        dd($topuser);
+//        foreach ($topuser as $key => $cal) {
+//            dump($key);
+//        }
+//        dd();
+        return view('admin.share1',compact('dream','days','user_id','topuser','top3user','interactions'));
     }
 }

server/app/Http/Controllers/Api/V1/DreamController.php

@@ -260,7 +260,8 @@ class DreamController extends Controller
         $setting = BaseSettingsModel::where('category','score')->select('key','value','sort')->first();
         $a = count($setting) > 0 ? $setting->key : 0;
         $b = ceil((time()-strtotime($dream_info->created_at))/60); //梦想发布分钟数
-        $c = count($setting) > 0 ? $setting->value : 0;
+        $c = count($setting) > 0 ? $setting->value : 3;
+        if(empty($c)) $c = 3;
         $n = count($setting) > 0 ? $setting->sort : 0;
         //Todo 支持乘数目公式      pow(x,y)
 //        exp(x)     $number =  N*exp(-a*(pow(t,1/b)))+1
@@ -418,6 +419,7 @@ class DreamController extends Controller
         $a = count($setting) > 0 ? $setting->key : 0;
         $b = ceil((time()-strtotime($dream->created_at))/60); //梦想发布分钟数
         $c = count($setting) > 0 ? $setting->value : 0;
+        if(empty($c)) $c = 3;
         $n = count($setting) > 0 ? $setting->sort : 0;
         //Todo 支持乘数目公式      pow(x,y)
 //        exp(x)     $number =  N*exp(-a*(pow(t,1/b)))+1

server/public/base/img/icon_gongxian.svg

@@ -0,0 +1,12 @@
+<svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" width="24.94" height="30" viewBox="0 0 24.94 30">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: gray;
+        fill-rule: evenodd;
+      }
+    </style>
+  </defs>
+  <title>icon_gongxian</title>
+  <path class="cls-1" d="M26.13,34l-6-2a3,3,0,0,0-1.8,0l-6,2V30a9.52,9.52,0,0,1-1.39-.9v5.06a1.39,1.39,0,0,0,1.39,1.39.88.88,0,0,0,.42-.07l6-2a1.28,1.28,0,0,1,.83,0l6,2a.88.88,0,0,0,.42.07,1.39,1.39,0,0,0,1.39-1.39V29A9.51,9.51,0,0,1,26,30V34ZM19.2,5.49A12.47,12.47,0,1,0,31.67,18,12.51,12.51,0,0,0,19.2,5.49ZM19.2,29A11.09,11.09,0,1,1,30.29,18,11.12,11.12,0,0,1,19.2,29Zm0-20.79A9.7,9.7,0,1,0,28.9,18a9.73,9.73,0,0,0-9.7-9.7Zm0,18A8.31,8.31,0,1,1,27.51,18a8.34,8.34,0,0,1-8.31,8.31Z" transform="translate(-6.73 -5.49)"/>
+</svg>

server/resources/views/admin/share1.blade.php

@@ -0,0 +1,553 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>{{empty($dream->user) ? '' : $dream->user->nickname}}的梦想</title>
+    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
+    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
+    <style>
+        body{
+            padding: 0;
+            margin: 0;
+        }
+        p{
+            -webkit-margin-before: 0.1em;
+            -webkit-margin-after: 0.1em;
+        }
+        #tab-title h3{color:#7C7C7C;font-size:15px;font-weight:400;}
+        #tab-title .selected{color:#00c3da;} /*标题被选中时的样式*/
+        #tab-title span{width: 33%; display: inline-block; text-align: center; height: 40px; line-height: 40px}
+        #tab-content .hide{display:none;}
+        #tab-content ul{overflow:hidden;}
+        .row {
+            display: -webkit-box;
+            display: -webkit-flex;
+            display: -moz-box;
+            display: -moz-flex;
+            display: -ms-flexbox;
+            display: flex;
+            padding: 5px;
+            width: 100%; }
+        .col {
+            -webkit-box-flex: 1;
+            -webkit-flex: 1;
+            -moz-box-flex: 1;
+            -moz-flex: 1;
+            -ms-flex: 1;
+            flex: 1;
+            display: block;
+            padding: 5px;
+            width: 100%; }
+
+        .tab-content .hide{
+            display: none;
+        }
+        .selected {
+            color: #00c3da;
+            border-bottom: 1px solid #00c3da;
+        }
+        .detail-head {
+            text-align:center;
+            background: #F3F3F3;
+        }
+        .head{
+            width:40px;
+            border-radius:100%;
+            margin:5px;
+        }
+        .detail-head {
+            text-align:center;
+            background: #F3F3F3;
+        }
+        .detail-head img{
+            width:80px;
+            border-radius:100%;
+            margin-top: 5px;
+        }
+
+        .item {
+            border: 0px solid #ddd;
+            background-color: #fff;
+            color: #444;
+            position: relative;
+            z-index: 2;
+            display: block;
+            margin: -1px;
+            padding: 16px;
+            font-size: 16px; }
+
+        .hdcontent {
+            padding-top:49px;
+        }
+        .hdcontent .item {
+            padding:0;
+        }
+        .hdcontent .head{
+            width:40px;
+            border-radius:100%;
+            margin:5px;
+        }
+        .hdcontent .slt {
+            width:31%;
+            /*max-height:95px;*/
+            float:left;
+            /*border: 1px solid #B5B5B5;*/
+            margin:5px 5px 5px 0;
+        }
+
+        .hdcontent .utitle {
+            position:relative;
+            top: -28px;
+        }
+        .hdcontent .kz{
+            float: right;
+            top: 10px;
+            margin-right: 10px;
+            color:#999999;
+        }
+        .hdcontent .subtile {
+            white-space:normal;
+            padding-left:53px;
+            top:-23px;
+            position:relative;
+        }
+        .hdcontent .picts {
+            padding-left:53px;
+            margin-top:-20px;
+        }
+
+        .hdcontent .subitem img {
+            width:40px;
+            border-radius:100%;
+            margin:5px;
+        }
+        .hdcontent .subitem span{
+            position:relative;
+            top: -23px;
+        }
+        .hdcontent .subitem div{
+            color: #666666;
+        }
+        .hdcontent .subitem span:nth-child(3){
+            color:#999999;
+            top: 12px;
+            float: right;
+        }
+        .hdcontent .subitem div {
+            margin-left:50px;
+            padding-bottom: 10px;
+            top:-15px;
+            border-bottom: 1px solid #E6E6E6;
+            position:relative;
+        }
+        .top2{
+            margin-top: 13.5px;
+            text-align: center;
+            float:left;
+            height: 97px;
+            width: 97px;
+            color: #6B6B6B;
+            font-size: 14px;
+        }
+        .top1{
+            text-align: center;
+            float:left;
+            height: 111px;
+            width: 111px;
+            color: #6B6B6B;
+            font-size: 14px;
+        }
+
+        .detail-head {
+            text-align:center;
+            background: #F3F3F3;
+        }
+        .detail-head img{
+            width:80px;
+            border-radius:100%;
+            margin-top: 5px;
+        }
+        .detail-like {
+            position:absolute;
+            width:100%;
+            bottom:0;
+            z-index:888;
+            font-size:1.2rem;
+        }
+        .detail-like .box {
+            border:2px solid  #EAEAEA;
+            background: #fff;
+            min-height: 55px;
+            padding: 5px 2%;
+            margin:2%;
+            border-radius: 20px;
+            text-align:center;
+        }
+        .detail-like .selected{
+            border:2px solid  #00C3DA;
+        }
+        .detail-like .coin {
+            background-color:#fff;
+        }
+        .detail-like .send {
+            font-size:1.2rem;
+            height: 3rem;
+            line-height: 3rem;
+            padding: 0 1rem;
+            background-color:#fff;
+        }
+
+        .detail-like .send div{
+            color: #929292;
+        }
+        .detail-like .send img{
+            width: 30px;
+            height: 20px;
+            top: 5px;
+        }
+        .detail-like .send span em{
+            color: #00C3DA;
+        }
+        .detail-like .row{
+            padding: 0;
+            height: 70px;
+            color: #898989;
+            background: #E6E6E6;
+        }
+        .detail-like .col{
+            text-align: center;
+            padding: 5px 0 0 0;
+        }
+        .detail-like .col img{
+            height: 35px;
+            width: 35px;
+        }
+
+        .addcontent .item{
+            border:0;
+        }
+        .addcontent .itemjs{
+            padding-top:0;
+            margin-top:-6px;
+        }
+        .col-20 {
+            -webkit-box-flex: 0;
+            -webkit-flex: 0 0 20%;
+            -moz-box-flex: 0;
+            -moz-flex: 0 0 20%;
+            -ms-flex: 0 0 20%;
+            flex: 0 0 20%;
+            max-width: 20%; }
+        .col-80 {
+            -webkit-box-flex: 0;
+            -webkit-flex: 0 0 80%;
+            -moz-box-flex: 0;
+            -moz-flex: 0 0 80%;
+            -ms-flex: 0 0 80%;
+            flex: 0 0 80%;
+            max-width: 80%; }
+        .col-60 {
+            -webkit-box-flex: 0;
+            -webkit-flex: 0 0 60%;
+            -moz-box-flex: 0;
+            -moz-flex: 0 0 60%;
+            -ms-flex: 0 0 60%;
+            flex: 0 0 60%;
+            max-width: 60%; }
+        .col-offset-20 {
+            margin-left: 20%; }
+        .detail-head {
+            text-align:center;
+            background: #F3F3F3;
+        }
+
+    </style>
+</head>
+<body style="overflow-x: hidden">
+<div style="height: 50px">
+    <a href="https://fir.im/jt4h" style="height: 50px; background: #00c3da; position: fixed; z-index: 99; width: 100%">
+        <div style="float: left;color: #fff;line-height: 50px;padding-left: 5px">支持({{empty($dream->user) ? '' : $dream->user->nickname}})的梦想!现在就下载喵喵</div>
+        <div style="float: right;padding: 5px">
+            <img style="width: 40px;height: 40px;" src="http://firicon.fir.im/396004d5e7b572efbefdfee976338331a457282b" alt="">
+        </div>
+    </a>
+</div>
+<img style="width: 100%; height: 100%;" src="{{!empty($dream->img) ? $dream->img->pic : ''}}">
+<div id="sidebar-tab">
+    <div id="tab-title">
+        <h3><span class="selected">主页</span><span>互动</span><span>排行榜</span></h3>
+    </div>
+    <div id="tab-content">
+        <div>
+            <p style="font-size: 17px; padding: 0 10px">{{$dream->name}}</p>
+            <div style="border-bottom: 1px solid #DEDEDE">
+                <p id="about" style="font-size: 13px; padding: 0 10px; color: #919191;white-space: nowrap;overflow:hidden;text-overflow:ellipsis">
+                    {{$dream->about}}
+                </p>
+                <p style="text-align: center">
+                    <img src="/base/img/down.svg" alt="" id="down">
+                    <img src="/base/img/up.svg" alt="" id="up">
+                </p>
+            </div>
+            <div style="border-bottom: 1px solid #DEDEDE; height: 50px; padding: 5px 10px;">
+                <div style="float:left;">
+                    <p>{{$days}}</p>
+                    <p style="font-size: 13px; color: #919191">剩余时间</p>
+                </div>
+                @if( $dream->user_id == $user_id)
+                    <div style="float:right;">
+                        <p style="text-align: right">{{$dream->mark}}</p>
+                        <p style="font-size: 13px;; color: #919191">当前获得梦想分数</p>
+                    </div>
+                @endif
+            </div>
+            <div style="clear:both; height: 50px; padding: 5px 10px;">
+                <div style="text-align: left; float:left;">
+                    <p style="">{{$dream->coin}}</p>
+                    <p style="font-size: 13px; color: #919191">我要求的梦想币</p>
+                </div>
+                @if( $dream->user_id == $user_id)
+                    <div style="text-align: right;float: right">
+                        <p style="color: #FF6600">{{$dream->get_coin}}</p>
+                        <p style="font-size: 13px; color: #919191">目前已获梦想币</p>
+                    </div>
+                @endif
+            </div>
+            <div style="padding: 0 10px 20px  10px">
+                <div style="background-color:#E6E6E6; width: 100%;">
+                    <div style="width: {{($dream->get_coin / $dream->coin)*100}}%; background: #FF6600; height: 5px">
+                    </div>
+                </div>
+            </div>
+            @if(count($dream->top3user)>0)
+                <div class="detail-head" style="height: 130px" >
+                    @if(count($dream->top3user)<3)
+                        <div class="row">
+                            @if(count($dream->top3user)>0)
+                                <div class="col top1"  style="background: url('/base/img/img_No1.svg') no-repeat; background-size: 100% 100%;">
+                                    <img  style="width: 80px; height: 80px; margin: 28px 0 8px 0; border-radius: 100%; background: #C6D3E2;" src="{{$dream['top3user'][0]['avatar']}}"  /><br>
+                                </div>
+                            @endif
+                            @if(count($dream->top3user)>1)
+                                <div class="col top2"  style="margin-top: 10px; background: url('/base/img/img_No2.svg') no-repeat; background-size: 100% 100%;">
+                                    <img style="width: 70px; margin: 24px 0 8px 0; border-radius: 100%; background: #C6D3E2;" src="{{$dream['top3user'][1]['avatar']}}"  /><br>
+                                </div>
+                            @endif
+                        </div>
+                    @endif
+                    @if(count($dream->top3user)>2)
+                         <div class="row">
+                             @if(count($dream->top3user)>1)
+                            <div class="col top2"  style="margin-top: 10px; background: url('/base/img/img_No2.svg') no-repeat; background-size: 100% 100%;">
+                                <img style="width: 70px; margin: 24px 0 8px 0; border-radius: 100%; background: #C6D3E2;"src="{{$dream['top3user'][1]['avatar']}}"  /><br>
+                            </div>
+                             @endif
+                                 @if(count($dream->top3user)>0)
+                            <div class="col top1"  style="background: url('/base/img/img_No1.svg') no-repeat; background-size: 100% 100%;">
+                                <img style="width: 80px; height: 80px; margin: 28px 0 8px 0; border-radius: 100%; background: #C6D3E2;" src="{{$dream['top3user'][0]['avatar']}}"  /><br>
+                            </div>
+                                 @endif
+                                 @if(count($dream->top3user)>2)
+
+                                 <div class="col top2" style="margin-top: 10px; background: url('/base/img/img_No3.svg') no-repeat; background-size: 100% 100%;">
+                                <img style="width: 70px; margin: 24px 0 8px 0; border-radius: 100%; background: #C6D3E2;"src="{{$dream['top3user'][2]['avatar']}}"  /><br>
+                            </div>
+                                     @endif
+                        </div>
+                    @endif
+            </div>
+            @endif
+            @if(count($dream->top3user)==0)
+                <div  style="background: #f6f6f6;">
+                    <div class="row" >
+                        <div class="col" align="center">
+                            <img src="/base/img/pic_leaves.png">
+                        </div>
+                    </div>
+                </div>
+            @endif
+
+        </div>
+        <div class="hide">
+            @foreach($dream->interactions as $key=> $interaction)
+                <div class="hdcontent" >
+                <div>
+                    <img class="head" src="{{$dream->user->avatar}}"/>
+                    <span class="utitle">{{$dream->user->nickname}}</span>
+                    <span class="utitle kz">{{$dream->created_at}}</span>
+                    <p class="subtile" style="white-space:normal; color: #666666">{{$interaction['title']}}</p>
+                    <div class="picts item">
+                        @if($interaction['pic1'])
+                            <img class="slt"  src="{{$interaction['pic1']}}"  />
+                        @endif
+                            @if($interaction['pic2'])
+                            <img class="slt"  src="{{$interaction['pic2']}}"  />
+                        @endif @if($interaction['pic3'])
+                            <img class="slt"  src="{{$interaction['pic3']}}"  />
+                        @endif @if($interaction['pic4'])
+                            <img class="slt"  src="{{$interaction['pic4']}}"  />
+                        @endif @if($interaction['pic5'])
+                            <img class="slt"  src="{{$interaction['pic5']}}"  />
+                        @endif @if($interaction['pic6'])
+                            <img class="slt"  src="{{$interaction['pic6']}}"  />
+                        @endif @if($interaction['pic7'])
+                            <img class="slt"  src="{{$interaction['pic7']}}"  />
+                        @endif @if($interaction['pic8'])
+                            <img class="slt"  src="{{$interaction['pic8']}}"  />
+                        @endif @if($interaction['pic9'])
+                            <img class="slt"  src="{{$interaction['pic9']}}"  />
+                        @endif
+                    </div>
+                    @if($interaction['video'])
+
+                    <div class="box banner" >
+                        <video src="{{ $interaction['video'] }}" width="100%" style="max-height: 400px;" class="centerme" controls="controls"></video>
+                    </div>
+                    @endif
+                </div>
+                    <div style="clear:both;"></div>
+               {{-- <div class="list">
+                    <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">
+                        <div class="row">
+                            <div class="col-20" style="text-align: right">
+                                <img class="head" ng-src="{{c.user_avatar | avator}}" />
+                            </div>
+                            <div class="col-80" style="border-bottom: 1px solid #E6E6E6">
+                                <span style="margin-top: 10px; display: inline-block;font-size: 12px">{{c.user_nickname}}</span>
+                                <span style="font-size: 12px" class="utitle kz">{{c.updated_at}}</span>
+                                <p style="white-space:normal; color: #666666;font-size: 12px">
+                                            <span ng-if="c.to_user_nickname&&c.to_user_nickname!=''&&c.to_user_nickname!=dream.user.nickname" style="font-size: 12px">
+                                                回复<span style="color:#333333;font-size: 12px"> {{c.to_user_nickname}}</span> ：
+                                            </span>
+                                    {{c.content}}
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-offset-20 col-60">
+                            <p ng-click="showmore($index)" ng-if="interaction.comments.length>4" style="color: #00C3DA; margin-top: 10px; margin-bottom: 10px"> {{interaction.showmore?"只看最近评论":"查看更多评论"}}</p>
+                        </div>
+                    </div>
+                </div>--}}
+            </div>
+            @endforeach
+        </div>
+        <div class="hide">
+            @if(count($dream->top3user)>0)
+                 <div class="detail-head" style="height: 180px">
+                @if(count($dream->top3user)<=2)
+                    <div class="row">
+                    @if(count($dream->top3user)>0)
+                    <div class="col top1"  style="background: url('/base/img/img_No1.svg') no-repeat; background-size: 100% 100%;">
+                        <img style="width: 80px; height: 80px; margin: 28px 0 8px 0; border-radius: 100%; background: #C6D3E2;" src="{{$dream['top3user'][0]['avatar']}}" /><br>
+                        {{ $dream['top3user'][0]['nickname'] }}<br>
+                        <img src="/base/img/icon_gongxian.svg" style="height: 18px; width: 18px; margin-top: 5px" />
+                        <em style="font-size: 15px;">{{ $dream['top3user'][0]['score'] }}</em>
+                    </div>
+                    @endif
+                        @if(count($dream->top3user)>1)
+                    <div class="col top2" style="background: url('/base/img/img_No2.svg') no-repeat; background-size: 100% 100%;">
+                        <img  style="width: 70px; margin: 24px 0 6px 0; border-radius: 100%; background: #C6D3E2;" src="{{ $dream['top3user'][1]['avatar'] }}" /><br>
+                        {{ $dream['top3user'][1]['nickname'] }}<br>
+                        <img src="/base/img/icon_gongxian.svg" style="height: 18px; width: 18px; margin-top: 5px" />
+                        <em style="font-size: 15px;">{{ $dream['top3user'][1]['score'] }}</em>
+                    </div>
+                    @endif
+                </div>
+                 @elseif(count($dream->top3user)>2)
+                    <div class="row">
+                        @if(count($dream->top3user)>1)
+                        <div class="col top2" style="background: url('/base/img/img_No2.svg') no-repeat; background-size: 100% 100%; margin-top: 10px">
+                            <img  style="width: 70px; margin: 24px 0 8px 0; border-radius: 100%; background: #C6D3E2;"  src="{{ $dream['top3user'][1]['avatar'] }}" /><br>
+                            {{ $dream['top3user'][1]['nickname'] }}<br>
+                            <img src="/base/img/icon_gongxian.svg" style="height: 18px; width: 18px; margin-top: 5px" />
+                            <em style="font-size: 16px">{{ $dream['top3user'][1]['score'] }}</em>
+                        </div>
+                        @endif
+                            @if(count($dream->top3user)>0)
+                        <div class="col top1"  style="background: url('/base/img/img_No1.svg') no-repeat; background-size: 100% 100%;">
+                            <img  style="width: 80px; height: 80px; margin: 28px 0 8px 0; border-radius: 100%; background: #C6D3E2;"  src="{{ $dream['top3user'][0]['avatar'] }}" /><br>
+                            {{ $dream['top3user'][0]['nickname'] }}<br>
+                            <img src="/base/img/icon_gongxian.svg" style="height: 18px; width: 18px; margin-top: 5px" />
+                            <em style="font-size: 16px">{{ $dream['top3user'][0]['score'] }}</em>
+                        </div>
+                            @endif
+                                @if(count($dream->top3user)>2)
+                        <div class="col top2"  style="background: url('/base/img/img_No3.svg') no-repeat; background-size: 100% 100%; margin-top: 10px">
+                            <img style="width: 70px; margin: 24px 0 8px 0; border-radius: 100%; background: #C6D3E2;" src="{{ $dream['top3user'][2]['avatar'] }}" /><br>
+                            {{ $dream['top3user'][2]['nickname'] }}<br>
+                            <img src="/base/img/icon_gongxian.svg" style="height: 18px; width: 18px; margin-top: 5px" />
+                            <em style="font-size: 16px">{{ $dream['top3user'][2]['score'] }}</em>
+                        </div>
+                                @endif
+                    </div>
+                @endif
+            </div>
+            @endif
+            @if(count($dream->top3user)==0)
+
+            <div  style="background: #f6f6f6;">
+                <div class="row" >
+                    <div class="col" align="center">
+                        <img src="/base/img/pic_leaves.png">
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col" style="text-align: center; color: #191919">孤独的我还被支持呢。。。亲，帮个忙？</div>
+                </div>
+            </div>
+                @endif
+            <div class="list padding">
+                @foreach($dream->topuser as $key => $user)
+                    @if($key>2)
+                     <div class="item"  style="border-bottom: 1px solid #DFDFDF">
+                    <div style="float:left; color: #808080; font-size: 30px; font-weight: bold; margin-top: 0px">
+                        {{$key+1}}
+                    </div>
+                    <div style="padding-left:20px; float:left;">
+                        <div style="float:left;">
+                            <img style="width:40px;border-radius:100%" src="{{$user['avatar']}}" />
+                        </div>
+                        <div style="float:left; margin-left: 10px">
+                            <div style="font-size: 16px">{{$user['nickname']}}</div>
+                            <div style="color:#9E9E9E;">{{$user['signture']}}</div>
+                        </div>
+                    </div>
+                    <div style="float: right;">
+                        <div style="font-weight:500; font-size: 18px">{{$user['score']}}</div>
+                        <div style="color:#9E9E9E;">贡献</div>
+                    </div>
+                         <div style="clear: both"></div>
+                </div>
+                    @endif
+                @endforeach
+            </div>
+        </div>
+    </div>
+
+</div>
+<script>
+    $('#tab-title span').click(function(){
+        $(this).addClass("selected").siblings().removeClass();
+        $("#tab-content > div").hide().eq($('#tab-title span').index(this)).show();
+    });
+    $(function () {
+        $('#up').hide();
+        var str = $('#about').html();
+        new_str = str.replace(/\n/g,"<br/>");
+        $('#about').html(new_str);
+        $('#up').click(function () {
+            $(this).hide();
+            $('#down').show();
+            $('#about').css('white-space','nowrap');
+        });
+        $('#down').click(function () {
+            $(this).hide();
+            $('#up').show();
+            $('#about').css('white-space','normal');
+        });
+    });
+</script>
+</body>
+</html>