miao/miaomiao/www/templates/home/dream-detail.html

<ion-view view-title="梦想">
    <ion-nav-buttons side="right">
        <button ng-click="share($event)" class="button button-clear" style="height: 39px; margin-top: -1px">
            <img src="img/icon_share.svg" style="height: 55%; width: 100%">
        </button>
        <button class="button button-clear" style="height: 37px; margin-top: 0.6px" ng-click="toMessage()">
            <img ng-if="showMessage==1" src="img/icon_message_h.svg" style="height: 60%; width: 100%">
            <img ng-if="showMessage==0" src="img/icon_message_n.svg" style="height: 55%; width: 100%">
        </button>
    </ion-nav-buttons>
    <div ng-if="type==1 && user.id != dream.user_id" style="position: fixed; bottom: -8px; width: 100%; z-index: 5;background: #fff;border-top: 1px solid #ECF2F7;height: 68px">
        <div class="row">
            <div class="col dreamButton">
                <button ng-click="openSupport()" class="button button-outline button-calm" style="border: 1px solid #00C3DA">
                    支持乘数<br>
                    ×{{multi.result}}
                </button>
            </div>
            <div ng-if="timer!='已结束'" class="col dreamButton">
                <button class="button button-calm" ng-click="support($event)">支持</button>
            </div>
            <div ng-if="codeBtn && user.id==dream.top3user[0].id && dream.code!=''" class="col dreamButton">
                <button ng-click="openCode($event)" class="button button-calm" style="border: 1px solid #00C3DA">
                    二维码
                </button>
            </div>
            <div class="col dreamButton" ng-if="dream.is_collection==0">
                <button class="button button-outline button-calm" style="border: 1px solid #00C3DA" ng-click="collectionDream(1)">＋收藏</button>
            </div>
            <div class="col dreamButton" ng-if="dream.is_collection==1">
                <button class="button button-outline" style="background: #fff; border: 1px solid #A3A3A3"  ng-click="collectionDream(0)">已收藏</button>
            </div>
        </div>
    </div>
    <div ng-if="type==1 && user.id == dream.user_id" style="position: fixed; bottom: -8px; width: 100%; z-index: 5;background: #fff;border-top: 1px solid #ECF2F7;height: 68px">
        <div class="row">
            <div class="col dreamButton">
                <button ng-click="openSupport()" class="button button-outline button-calm" style="border: 1px solid #00C3DA">
                    支持乘数<br>
                    ×{{multi.result}}
                </button>
            </div>
            <div ng-if="dream.code!=''" class="col dreamButton">
                <button ng-click="openCode($event)" class="button button-calm" style="border: 1px solid #00C3DA">
                    二维码
                </button>
            </div>
        </div>
    </div>
    <div class="tabs-striped tabs-top">
        <div class="tabs">
            <a ng-class="type==1?'tab-item active':'tab-item'" ng-click="changeType(1)">
                主页
            </a>
            <a ng-class="type==2?'tab-item active':'tab-item'" ng-click="changeType(2)">
                互动
            </a>
            <a ng-class="type==3?'tab-item active':'tab-item'" ng-click="changeType(3)">
                排行榜
            </a>
        </div>
    </div>
    <ion-content style="background: #fff" ng-click="cancelSupport()">
        <div class="icontent" ng-if="type==1">
            <div class="list detail-list">
                <div class="item" style="padding: 0">
                    <ion-slides slider="data.slider">
                        <ion-slide-page ng-if="dream.video">
                            <div class="box banner">
                                <video ng-src="{{dream.video | trustUrl}}" poster="{{dream.vpic | trustUrl}}" width="100%" style="height: 350px;" class="centerme" controls="controls" ></video>
                            </div>
                        </ion-slide-page>
                        <ion-slide-page ng-repeat="img in dream.imgs">
                                <div class="box banner" style="width: 100%"><img ng-src="{{img.pic}}" style="width: 100%;" /></div>
                        </ion-slide-page>
                    </ion-slides>
                </div>
                <div class="item" style="padding: 0 16px">
                    <p style="font-size: 17px; color: #000">{{dream.name}}</p>
                    <p style="font-size: 13px;" ng-style="aboutStyle" ng-bind-html="dream.about | trustHtml">
                    </p>
                    <div style="text-align: center">
                        <i class="icon ion-chevron-down" ng-if="showAbout" ng-style="aboutStyle" style="color: #00C3DA;" ng-click="showText()"></i>
                        <i class="icon ion-chevron-up" ng-if="hideAbout" ng-style="aboutStyle" style="color: #00C3DA" ng-click="hideText()"></i>
                    </div>
                </div>
                <div class="item detail-item2" style="padding:5px; border-top: 1px solid #E6E6E6;">
                    <div class="row">
                        <div class="col" style="text-align:left">
                            <h2>{{timer}}</h2>
                            <p>剩余时间</p>
                        </div>
                        <div ng-if="user.id == dream.user.id" class="col" style="text-align:right">
                            <h2>{{dream.score}}</h2>
                            <p>当前获得梦想分数</p>
                        </div>
                    </div>
                </div>
                <div class="item" style="padding:0 5px; border-top: 1px solid #E6E6E6;">
                    <div class="row">
                        <!--<div class="col" style="text-align:left">-->
                            <!--<p style="color: #FF6600; font-size: 16px">{{dream.get_coin}}</p>-->
                            <!--<p>目前已获梦想币</p>-->
                        <!--</div>-->
                        <div class="col" style="text-align:left">
                            <h2>{{dream.coin}}</h2>
                            <p>我要求的梦想币</p>
                        </div>
                    </div>
                    <div class="reply-bar">
                        <div ng-if="100*dream.get_coin/dream.coin<100" style="width: {{100*dream.get_coin/dream.coin}}%;">
                        </div>
                        <div ng-if="100*dream.get_coin/dream.coin>=100" style="width: 100%;">
                        </div>
                    </div>
                </div>
                <div class="detail-head" style="height: 130px" ng-if="dream.top3user.length>0">
                    <div class="row" ng-if="dream.top3user.length<3">
                        <div class="col top1" ng-if="dream.top3user.length>0" style="background: url('img/img_No1.svg') no-repeat; background-size: 100% 100%;">
                            <img ng-click="toSort()" style="width: 75px; height: 75px; margin: 25px 0 8px 0; border-radius: 100%; background: #C6D3E2;" ng-src="{{ dream.top3user[0].avatar | avator }}" /><br>
                        </div>
                        <div class="col top2" ng-if="dream.top3user.length>1" style="margin-top: 10px; background: url('img/img_No2.svg') no-repeat; background-size: 100% 100%;">
                            <img ng-click="toSort()" style="width: 67px; margin: 22px 0 8px 0; border-radius: 100%; background: #C6D3E2;" ng-src="{{ dream.top3user[1].avatar | avator }}" /><br>
                        </div>
                    </div>
                    <div class="row" ng-if="dream.top3user.length>2">
                        <div class="col top2" ng-if="dream.top3user.length>1" style="margin-top: 10px; background: url('img/img_No2.svg') no-repeat; background-size: 100% 100%;">
                            <img ng-click="toSort()" style="width: 67px; margin: 22px 0 8px 0; border-radius: 100%; background: #C6D3E2;" ng-src="{{ dream.top3user[1].avatar | avator }}" /><br>
                        </div>
                        <div class="col top1" ng-if="dream.top3user.length>0" style="background: url('img/img_No1.svg') no-repeat; background-size: 100% 100%;">
                            <img ng-click="toSort()" style="width: 75px; height: 75px; margin: 25px 0 8px 0; border-radius: 100%; background: #C6D3E2;" ng-src="{{ dream.top3user[0].avatar | avator }}" /><br>
                        </div>
                        <div class="col top2" ng-if="dream.top3user.length>2" style="margin-top: 10px; background: url('img/img_No3.svg') no-repeat; background-size: 100% 100%;">
                            <img ng-click="toSort()" style="width: 67px; margin: 22px 0 8px 0; border-radius: 100%; background: #C6D3E2;" ng-src="{{ dream.top3user[2].avatar | avator }}" /><br>
                        </div>
                    </div>
                </div>
                <div ng-if="dream.top3user.length==0" style="background: #f6f6f6;">
                    <div class="row" >
                        <div class="col" align="center">
                            <img ng-src="img/pic_leaves.png">
                        </div>
                    </div>
                    <!-- <div class="row">
                        <div class="col" style="text-align: center">孤独的我还被支持呢。。。亲，帮个忙？</div>
                    </div> -->
                </div>
            </div>
        </div>
        <div ng-if="type==2" class="hdcontent">
            <div style="color: red">
                <div class="list">
                    <div ng-if="user.id == dream.user.id" class="item itemjs" style="padding: 10px" >
                        <a class="button button-outline button-block button-calm button-icon" ng-click="openModal()">
                            <i class="icon ion-plus"></i>
                            发布梦想互动
                        </a>
                    </div>
                    <div class="item" style="border-bottom:15px solid #F2F2F2;" ng-click="add_comment()" ng-repeat="interaction in dream.interactions">
                        <div ng-click="replay($event,dream.user.nickname,dream.user.id,$index)">
                            <img class="head" ng-src="{{dream.user.avatar | avator}}" />
                            <span class="utitle">{{dream.user.nickname}}</span>
                            <!--<span class="utitle kz">{{dream.end_time | lastDate}}</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">
                                <img class="slt" ng-click="openCommentPic(interaction.pic1,$event)" ng-src="{{interaction.pic1}}" ng-if="interaction.pic1" />
                                <img class="slt" ng-click="openCommentPic(interaction.pic2,$event)" ng-src="{{interaction.pic2}}" ng-if="interaction.pic2" />
                                <img class="slt" ng-click="openCommentPic(interaction.pic3,$event)" ng-src="{{interaction.pic3}}" ng-if="interaction.pic3" />
                                <img class="slt" ng-click="openCommentPic(interaction.pic4,$event)" ng-src="{{interaction.pic4}}" ng-if="interaction.pic4" />
                                <img class="slt" ng-click="openCommentPic(interaction.pic5,$event)" ng-src="{{interaction.pic5}}" ng-if="interaction.pic5" />
                                <img class="slt" ng-click="openCommentPic(interaction.pic6,$event)" ng-src="{{interaction.pic6}}" ng-if="interaction.pic6" />
                                <img class="slt" ng-click="openCommentPic(interaction.pic7,$event)" ng-src="{{interaction.pic7}}" ng-if="interaction.pic7" />
                                <img class="slt" ng-click="openCommentPic(interaction.pic8,$event)" ng-src="{{interaction.pic8}}" ng-if="interaction.pic8" />
                                <img class="slt" ng-click="openCommentPic(interaction.pic9,$event)" ng-src="{{interaction.pic9}}" ng-if="interaction.pic9" />
                            </div>
                            <div class="box banner" ng-if="interaction.video">
                                <video ng-src="{{ imghost+interaction.video | trustUrl}}" poster="{{ host+'upload/vpic/'+interaction.video+'.jpg' | trustUrl}}" width="100%" style="max-height: 400px;" class="centerme" controls="controls"></video>
                            </div>
                        </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 class="col-20">
                                    <p ng-if="user.id == dream.user.id&&timer!='已结束'" ng-click="destroyInter(interaction.id,interaction.dream_id)" style="color: #00C3DA; margin-top: 10px; margin-bottom: 10px">删除该互动</p>
                                </div>
                            </div>
                        </div>
                        <!--<p ng-click="replay($event,dream.user.nickname,$index)" style="margin: 10px 0 0 50px; color: #00C3DA">评论</p>-->
                        <div class="item item-input" ng-if="input.show&&interaction.show">
                            <textarea name="comment" focus-me="input.focus" placeholder="{{input.placeholder}}" ng-model="vm.comment" style="padding: 0 20px;"></textarea>
                            <a class="button button-calm" style="padding: 0; min-width: 54px;" ng-click="submitComment($index,to_userid)">
                                发送
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div ng-if="type==3" class="phbcontent">
            <div class="detail-head" style="height: 180px" ng-if="dream.top3user.length>0">
                <div class="row" ng-if="dream.top3user.length<3">
                    <div class="col top1" ng-if="dream.top3user.length>0" style="background: url('img/img_No1.svg') no-repeat; background-size: 100% 100%;">
                        <img ng-click="toUserDetail(dream.top3user[0].id)" style="width: 75px; height: 75px; margin: 25px 0 8px 0; border-radius: 100%; background: #C6D3E2;" ng-src="{{ dream.top3user[0].avatar | avator }}" /><br>
                        {{ dream.top3user[0].nickname }}<br>
                        <img ng-src="img/icon_gongxian.svg" style="height: 18px; width: 18px; margin-top: 5px" />
                        <em style="font-size: 15px;">{{ dream.top3user[0].score }}</em>
                    </div>
                    <div class="col top2" ng-if="dream.top3user.length>1" style="background: url('img/img_No2.svg') no-repeat; background-size: 100% 100%;">
                        <img ng-click="toUserDetail(dream.top3user[1].id)" style="width: 67px; margin: 20px 0 6px 0; border-radius: 100%; background: #C6D3E2;" ng-src="{{ dream.top3user[1].avatar | avator }}" /><br>
                        {{ dream.top3user[1].nickname }}<br>
                        <img ng-src="img/icon_gongxian.svg" style="height: 18px; width: 18px; margin-top: 5px" />
                        <em style="font-size: 15px;">{{ dream.top3user[1].score }}</em>
                    </div>
                </div>
                <div class="row" ng-if="dream.top3user.length>2">
                    <div class="col top2" ng-if="dream.top3user.length>1" style="background: url('img/img_No2.svg') no-repeat; background-size: 100% 100%; margin-top: 10px">
                        <img ng-click="toUserDetail(dream.top3user[1].id)" style="width: 67px; margin: 22px 0 8px 0; border-radius: 100%; background: #C6D3E2;" ng-src="{{ dream.top3user[1].avatar | avator }}" /><br>
                        {{ dream.top3user[1].nickname }}<br>
                        <img ng-src="img/icon_gongxian.svg" style="height: 18px; width: 18px; margin-top: 5px" />
                        <em style="font-size: 16px">{{ dream.top3user[1].score }}</em>
                    </div>
                    <div class="col top1" ng-if="dream.top3user.length>0" style="background: url('img/img_No1.svg') no-repeat; background-size: 100% 100%;">
                        <img ng-click="toUserDetail(dream.top3user[0].id)" style="width: 75px; height: 75px; margin: 25px 0 8px 0; border-radius: 100%; background: #C6D3E2;" ng-src="{{ dream.top3user[0].avatar | avator }}" /><br>
                        {{ dream.top3user[0].nickname }}<br>
                        <img ng-src="img/icon_gongxian.svg" style="height: 18px; width: 18px; margin-top: 5px" />
                        <em style="font-size: 16px">{{ dream.top3user[0].score }}</em>
                    </div>
                    <div class="col top2" ng-if="dream.top3user.length>2" style="background: url('img/img_No3.svg') no-repeat; background-size: 100% 100%; margin-top: 10px">
                        <img ng-click="toUserDetail(dream.top3user[2].id)" style="width: 67px; margin: 22px 0 8px 0; border-radius: 100%; background: #C6D3E2;" ng-src="{{ dream.top3user[2].avatar | avator }}" /><br>
                        {{ dream.top3user[2].nickname }}<br>
                        <img ng-src="img/icon_gongxian.svg" style="height: 18px; width: 18px; margin-top: 5px" />
                        <em style="font-size: 16px">{{ dream.top3user[2].score }}</em>
                    </div>
                </div>
            </div>
            <div ng-if="dream.top3user.length==0" style="background: #f6f6f6;">
                <div class="row" >
                    <div class="col" align="center">
                        <img ng-src="img/pic_leaves.png">
                    </div>
                </div>
                <div class="row">
                    <div class="col" style="text-align: center; color: #191919">孤独的我还被支持呢。。。亲，帮个忙？</div>
                </div>
            </div>
            <div class="list padding">
                <div class="item" ng-if="$index > 2 " ng-repeat="user in dream.topuser" style="border-bottom: 1px solid #DFDFDF">
                    <div style="float:left; color: #808080; font-size: 30px; font-weight: bold; margin-top: 10px">
                        {{$index+1}}
                    </div>
                    <div style="padding-left:20px; float:left;">
                        <div style="float:left;">
                            <img style="width:40px;border-radius:100%" ng-src="{{user.avatar | avator}}" />
                        </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>
            </div>
            
        </div>
        <!--点击看大图-->
        <div ng-if="code && type==1" ng-click="hideCode()" class="popover-backdrop">
            <img class="code" ng-src="{{url}}">
        </div>
        <div ng-if="code && type==1" ng-click="hideCode()" class="popover-backdrop">
            <img class="code" ng-src="{{url}}">
        </div>
        <div ng-if="bigImage && type==2" ng-click="hideBigImage()" class="popover-backdrop">
            <img ng-src="{{url}}">
        </div>
     <script id="interaction-modal.html" type="text/ng-template">
      <div class="modal">
        <ion-header-bar class="bar-calm bar bar-header has-tabs-top">
          <h1 class="title">发布梦想互动</h1>
        <button class="button button-clear" ng-click="closeModal()">关闭</button>
        </ion-header-bar>
        <ion-content>
          <div class="addcontent list">
            <div class="item">我的梦想互动信息</div>
            <div class="item itemjs">
                <textarea rows="4" cols="50" placeholder="添加梦想互动信息" ng-model="vm.title" style="border: 1px solid #00C3DA;padding: 10px;width: 98%;"></textarea>
            </div>
            <div class="item">上传图片，让别人更好的了解你的梦想</div>
            <div class="item itemjs">
                <a ng-if="!video.isOK&&imgs.length<9" class="btn-file-up" ng-click="addpict()">
                    <img src="img/icon_photo.svg" style="height: 40px; width: 40px; text-align: center; line-height: 40px" /><br>
                    <em style="font-size:  16px">添加图片</em>
                </a>
                <a ng-if="imgs.length==0" class="btn-file-up" ng-click="addvideo()">
                    <img src="img/icon_video.svg" style="height: 40px; width: 40px; text-align: center; line-height: 40px" /><br>
                    <em style="font-size: 16px">添加视频</em>
                </a>
                <a ng-repeat="item in imgs" ng-click="showImages(item)" class="img-file-up">
                    <b style="background-image:url({{item}});"><em ng-click="deletefile(item)" class="ion-ios-close-outline"></em></b>
                </a>
                <div class="img-file-up" ng-if="video.isOK">
                    <div style="position:relative;">
                        <em ng-click="deletevideo(video.file)" class="ion-ios-close-outline"></em>
                        <video ng-src="{{video.file | trustUrl}}" poster="{{video.vpic}}" controls="controls">
                        </video>
                    </div>
                </div>
            </div>
        </div>
        <div class="padding">
            <button type="submit"  class="button button-full button-calm" ng-click="add()">
                发布梦想互动
            </button>
        </div>
        </ion-content>
      </div>
    </script>
    <script id="recharge-modal.html" type="text/ng-template">
      <div class="modal">
        <ion-header-bar class="bar-calm bar bar-header has-tabs-top">
            <h1 class="title">充值</h1>
            <button class="button button-clear" ng-click="closeRechargeModal()">关闭</button>
        </ion-header-bar>
        <ion-content>
            <div class="list recharge padding">
                <div class="item" style="padding:20px">
                    <div class="row">
                        <div class="col col-20">
                            <img src="img/icon_gold.svg" style="height: 100%; width: 100%">
                        </div>
                        <div class="col">
                            <div>剩余梦想币</div>
                            <div class="re-num">{{user.coin}}</div>
                        </div>
                    </div>
                </div>
                <div class="item item-input" style="padding-top: 20px; padding-bottom: 20px">
                    <span class="input-label" style="width: 60px">梦想币</span>
                    <input type="tel" placeholder="请输入数量" ng-model="vm.number">
                </div>
                <div class="item" style="color: #969696; padding-top: 40px">
                    选择支付方式
                </div>
                <ion-list class="re-radio">
                    <ion-radio ng-model="vm.payType" ng-value="2">
                        <img ng-src="img/icon_ WeChat Pay.svg" />
                        <span>微信支付</span>
                    </ion-radio>
                    <!-- <ion-radio ng-model="vm.payType" ng-value="1">
                        <img ng-src="img/icon_ Alipay.svg" />
                        <span>支付宝支付</span>
                    </ion-radio> -->
                </ion-list>
            </div>
            <div class="padding">
                <button  class="button button-block button-calm" ng-click="charge(vm.number)">
                    支付
                </button>
            </div>
        </ion-content>
      </div>
    </script>
    </ion-content>
        <div class="detail-like" ng-if="tosupport">
            <div style="text-align: center; border-bottom: 3px solid #8D8D8E; position: relative">
                <img ng-src="img/img_miao.png" style="width: 25%; height: 55px;margin-bottom: -13px">
                <img src="img/close.png" ng-click="cancelSupport()" style="position: absolute; bottom: -10px; right: 0; width: 20px;" />
            </div>
            <div style="background: #fff;">
                <div class="coin">
                    <div class="row">
                        <div class="col box {{index==2?'selected':''}}" ng-click="changeIndex(2)" ng-model="coin">
                            <div style="float:left; width: 35%; min-height: 40px;  margin-top: 2%; margin-left: 5%">
                                <img ng-src="img/icon_kiss.png" style="width: 100%;">
                            </div>
                            <div style="float:right; width: 20%; margin-top: 4.8%; margin-right: 5px">
                                <img ng-src="img/icon_gold.svg" style="width: 80%">
                            </div>
                            <div style="float:right; color: #000;font-size: 16px; margin-top: 12%; margin-right: 3%">
                                20
                            </div>
                        </div>
                        <div class="col box {{index==5?'selected':''}}" ng-click="changeIndex(5)" ng-model="coin">
                            <div style="float:left; width: 35%;  margin-top: 2%; margin-left: 5%">
                                <img ng-src="img/icon_candy.png" style="width: 100%;">
                            </div>
                            <div style="float:right; width: 20%; margin-top: 4.8%; margin-right: 5px">
                                <img ng-src="img/icon_gold.svg" style="width: 80%">
                            </div>
                            <div style="float:right; color: #000;font-size: 16px; margin-top: 12%; margin-right: 3%">
                                50
                            </div>
                        </div>
                        <div class="col box {{index==10?'selected':''}}" ng-click="changeIndex(10)" ng-model="coin">
                            <div style="float:left; width: 35%;  margin-top: 2%; margin-left: 5%">
                                <img ng-src="img/icon_balloon.png" style="width: 100%;">
                            </div>
                            <div style="float:right; width: 20%; margin-top: 4.8%; margin-right: 5px">
                                <img ng-src="img/icon_gold.svg" style="width: 80%">
                            </div>
                            <div style="float:right; color: #000;font-size: 16px; margin-top: 12%; margin-right: 3%">
                                100
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col box {{index==20?'selected':''}}" ng-click="changeIndex(20)" ng-model="coin">
                            <div style="float:left; width: 35%; margin-top: 2%; margin-left: 5%">
                                <img ng-src="img/icon_rose.png" style="width: 100%;">
                            </div>
                            <div style="float:right; width: 20%; margin-top: 4.8%; margin-right: 5px">
                                <img ng-src="img/icon_gold.svg" style="width: 80%">
                            </div>
                            <div style="float:right; color: #000;font-size: 16px; margin-top: 12%; margin-right: 3%">
                                200
                            </div>
                        </div>
                        <div class="col box {{index==30?'selected':''}}" ng-click="changeIndex(30)" ng-model="coin">
                            <div style="float:left; width: 32%; margin-top: 3%; margin-left: 5%">
                                <img ng-src="img/icon_haert.png" style="width: 100%;">
                            </div>
                            <div style="float:right; width: 20%; margin-top: 4.8%; margin-right: 5px">
                                <img ng-src="img/icon_gold.svg" style="width: 80%">
                            </div>
                            <div style="float:right; color: #000;font-size: 16px; margin-top: 12%; margin-right: 3%">
                                300
                            </div>
                        </div>
                        <div class="col box {{index==50?'selected':''}}" ng-click="changeIndex(50)" ng-model="coin">
                            <div style="float:left; width: 32%; margin-top: 2%; margin-left: 5%">
                                <img ng-src="img/icon_diamond.png" style="width: 100%;">
                            </div>
                            <div style="float:right; width: 20%; margin-top: 4.8%; margin-right: 5px">
                                <img ng-src="img/icon_gold.svg" style="width: 80%">
                            </div>
                            <div style="float:right; color: #000;font-size: 16px; margin-top: 12%; margin-right: 3%">
                                500
                            </div>
                        </div>
                    </div>
                </div>
                <div class="send">
                    <div style="float:left;">余额：
                    </div>
                    <div style="float: left;width: 90px;">
                        <div style="float:left; padding-top: 4px;height: 45px;">
                            <img ng-src="img/icon_gold.svg"/>
                        </div>
                        <em>{{user.coin}}&nbsp;</em>
                    </div>
                    <div class="calm" ng-click="openRechargeModal()" style="float: left;">
                        <div style="float:left; padding-top: 4px;height: 45px;">
                            <img ng-src="img/icon_ recharge.png">
                        </div>
                        <em>&nbsp;充值</em>
                    </div>
                    <span style="height:100%;float: right; margin-top: -2px">
                        <a style="border-radius:90px; min-width: 60px; height: 30px; min-height: 30px; font-size:1.1em; line-height: 30px; margin-top: 9px" class="button button-calm"  ng-click="supportDream()">发送</a>
                    </span>
                </div>
            </div>
        </div>
    <div class="detail-like" ng-if="toshare">
        <div class="row">
            <div class="col" ng-click="share(0)">
                <img ng-src="img/friends.svg" ><br>
                分享给朋友
            </div>
            <div class="col" ng-click="share(1)">
                <img ng-src="img/Moments.svg" ><br>
                分享到朋友圈
            </div>
        </div>
    </div>
     <script id="supportExplain.html" type="text/ng-template">
            <div class="modal">
                <ion-header-bar class="bar-calm bar bar-header has-tabs-top">
                    <h1 class="title">说明</h1>
                    <button class="button button-clear" ng-click="closeSupportmodal()">关闭</button>
                </ion-header-bar>
                <ion-content style="color: red">
                    1.测试文本
                </ion-content>
            </div>
    </script>
    <script id="qrCode.html" type="text/ng-template">
        <div class="modal">
            <ion-header-bar class="bar-calm bar bar-header has-tabs-top">
                <h1 class="title">二维码</h1>
                <button class="button button-clear" ng-click="closeCode()">关闭</button>
            </ion-header-bar>
            <ion-content>
                <div style="width: 200px; margin: 0 auto">
                    <img ng-src="{{dream.code}}" style="width: 200px; height: 200px; margin-top: 60%">
                </div>
            </ion-content>
        </div>
    </script>
    <script id="commentPic.html" type="text/ng-template">
        <div class="modal">
            <ion-header-bar class="bar-calm bar bar-header has-tabs-top">
                <h1 class="title">评论</h1>
                <button class="button button-clear" ng-click="closeCommentPic()">关闭</button>
            </ion-header-bar>
            <ion-content>
                <div style="margin: 0 auto">
                    <img ng-src="{{commentPicUrl}}" style="width: 100%; height: 100%; padding: 10px; margin-top:10%;">
                </div>
            </ion-content>
        </div>
    </script>
</ion-view>