| xqd
@@ -3,17 +3,17 @@
|
|
|
<button class="button button-clear icon ion-email-unread"></button>
|
|
|
<!-- <button class="button button-clear icon ion-ios-compose-outline" style="padding-left:10px"></button> -->
|
|
|
</ion-nav-buttons>
|
|
|
- <ion-content style="background-color:#F3F3F3" ng-click="cancelsupport()">
|
|
|
+ <ion-content style="background-color:#F3F3F3" ng-click="cancelSupport()">
|
|
|
|
|
|
<div class="tabs-striped tabs-top">
|
|
|
<div class="tabs" style="top:0">
|
|
|
- <a ng-class="type==1?'tab-item active':'tab-item'" ng-click="changetype(1)">
|
|
|
+ <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 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 ng-class="type==3?'tab-item active':'tab-item'" ng-click="changeType(3)">
|
|
|
排行榜
|
|
|
</a>
|
|
|
</div>
|
| xqd
@@ -22,7 +22,7 @@
|
|
|
<ion-slides slider="data.slider">
|
|
|
<ion-slide-page ng-if="dream.video">
|
|
|
<div class="box banner">
|
|
|
- <video ng-src="http://i.9026.com/miaomiao/video.mp4" height="300px" width="300px" class="centerme" controls="controls" autoplay></video>
|
|
|
+ <video ng-src="{{dream.video}}" height="300px" width="300px" class="centerme" controls="controls" autoplay></video>
|
|
|
</div>
|
|
|
</ion-slide-page>
|
|
|
<ion-slide-page ng-repeat="img in dream.imgs" >
|
| xqd
@@ -51,7 +51,7 @@
|
|
|
</div>
|
|
|
<div class="item" style="padding:0">
|
|
|
<div class="reply-bar">
|
|
|
- <div style="width: 30%;">
|
|
|
+ <div style="width: {{100*dream.get_coin/dream.coin}}%;">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="row" >
|
| xqd
@@ -73,7 +73,8 @@
|
|
|
<div class="item">
|
|
|
<button class="button button-assertive" style="width:25%;white-space:normal;line-height:20px">支持乘数×{{multi.result}}</button>
|
|
|
<button class="button button-calm" style="width:50%" ng-click="support($event)">支持</button>
|
|
|
- <button class="button button-outline button-calm" style="width:25%" ng-click="collectionDream()">+收藏</button>
|
|
|
+ <button class="button button-outline button-calm" style="width:25%" ng-click="collectionDream(1)" ng-if="dream.is_collection==0">+收藏</button>
|
|
|
+ <button class="button button-outline" style="width:25%" ng-if="dream.is_collection==1" ng-click="collectionDream(0)">取消收藏</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
| xqd
@@ -87,148 +88,61 @@
|
|
|
<i class="icon ion-plus"></i>
|
|
|
发布梦想互动</a>
|
|
|
</div>
|
|
|
- <div class="item" ng-click="comment()">
|
|
|
- <img class="head" src="../../img/demo/head2.jpg" />
|
|
|
- <span class="utitle">瞄瞄喵酱</span>
|
|
|
- <span class="utitle kz">剩余5天</span>
|
|
|
- <p class="subtile" style="white-space:normal">在斯德哥尔摩,那个只有黑白和灰色的咖啡馆里面坐下,喝一杯地道的北欧咖啡。享受难得北欧时光!</p>
|
|
|
+ <div class="item" ng-click="comment()" ng-repeat="interaction in dream.interactions">
|
|
|
+ <img class="head" src="{{dream.user.avatar}}" />
|
|
|
+ <span class="utitle">{{dream.user.nickname}}</span>
|
|
|
+ <span class="utitle kz">{{interaction.created_at}}</span>
|
|
|
+ <p class="subtile" style="white-space:normal">{{interaction.title}}</p>
|
|
|
<div class="picts">
|
|
|
- <img class="slt" src="img/demo/pict.png" />
|
|
|
- <img class="slt" src="img/demo/pict.png" />
|
|
|
- <img class="slt" src="img/demo/pict.png" />
|
|
|
- <img class="slt" src="img/demo/pict.png" />
|
|
|
- <img class="slt" src="img/demo/pict.png" />
|
|
|
- <img class="slt" src="img/demo/pict.png" />
|
|
|
- <img class="slt" src="img/demo/pict.png" />
|
|
|
- <img class="slt" src="img/demo/pict.png" />
|
|
|
- <img class="slt" src="img/demo/pict.png" />
|
|
|
+ <img class="slt" src="{{interaction.pic1}}" ng-if="interaction.pic1"/>
|
|
|
+ <img class="slt" src="{{interaction.pic2}}" ng-if="interaction.pic2"/>
|
|
|
+ <img class="slt" src="{{interaction.pic3}}" ng-if="interaction.pic3"/>
|
|
|
+ <img class="slt" src="{{interaction.pic4}}" ng-if="interaction.pic4"/>
|
|
|
+ <img class="slt" src="{{interaction.pic5}}" ng-if="interaction.pic5"/>
|
|
|
+ <img class="slt" src="{{interaction.pic6}}" ng-if="interaction.pic6"/>
|
|
|
+ <img class="slt" src="{{interaction.pic7}}" ng-if="interaction.pic7"/>
|
|
|
+ <img class="slt" src="{{interaction.pic8}}" ng-if="interaction.pic8"/>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="list" style="margin-top:-22px;" ng-click="showForm=true; focusInput=true">
|
|
|
- <div class="item subitem" ng-click="replay($event,'百川1')">
|
|
|
- <img ng-src="img/demo/head4.jpg" />
|
|
|
- <span>百川1</span>
|
|
|
- <span class="kz">2016-08-08 11:11</span>
|
|
|
- <div>你确定是去哪里了吗?你确定是去哪里了吗?</div>
|
|
|
- </div>
|
|
|
- <div class="item subitem" ng-click="replay($event,'百川2')">
|
|
|
- <img ng-src="img/demo/head4.jpg" />
|
|
|
- <span>百川2</span>
|
|
|
- <span class="kz">2016-08-08 11:11</span>
|
|
|
- <div>你确定是去哪里了吗?你确定是去哪里了吗?</div>
|
|
|
- </div>
|
|
|
- <div class="item item-input">
|
|
|
- <input name="comment" type="text" focus-me="input.focus" placeholder="{{input.placeholder}}" ng-model="vm.comment" style="padding: 0 20px;">
|
|
|
- </div>
|
|
|
-
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div style="border-bottom:5px solid #FAF2F5;">
|
|
|
- <div class="list">
|
|
|
<div class="item">
|
|
|
- <img class="head" src="../../img/demo/head2.jpg" />
|
|
|
- <span class="utitle">瞄瞄喵酱</span>
|
|
|
- <span class="utitle kz">剩余5天</span>
|
|
|
- <p class="subtile" style="white-space:normal">在斯德哥尔摩,那个只有黑白和灰色的咖啡馆里面坐下,喝一杯地道的北欧咖啡。享受难得北欧时光!</p>
|
|
|
- <div class="picts">
|
|
|
- <img class="slt" src="../../img/demo/pict.png" />
|
|
|
- <img class="slt" src="../../img/demo/pict.png" />
|
|
|
- <img class="slt" src="../../img/demo/pict.png" />
|
|
|
- <img class="slt" src="../../img/demo/pict.png" />
|
|
|
- <img class="slt" src="../../img/demo/pict.png" />
|
|
|
- <img class="slt" src="../../img/demo/pict.png" />
|
|
|
- <img class="slt" src="../../img/demo/pict.png" />
|
|
|
- <img class="slt" src="../../img/demo/pict.png" />
|
|
|
- <img class="slt" src="../../img/demo/pict.png" />
|
|
|
+ <div class="list" ng-click="showForm=true; focusInput=true">
|
|
|
+ <div class="item subitem" ng-click="replay($event,'百川1')">
|
|
|
+ <img ng-src="img/demo/head4.jpg" />
|
|
|
+ <span>百川1</span>
|
|
|
+ <span class="kz">2016-08-08 11:11</span>
|
|
|
+ <div>你确定是去哪里了吗?你确定是去哪里了吗?</div>
|
|
|
+ </div>
|
|
|
+ <div class="item subitem" ng-click="replay($event,'百川2')">
|
|
|
+ <img ng-src="img/demo/head4.jpg" />
|
|
|
+ <span>百川2</span>
|
|
|
+ <span class="kz">2016-08-08 11:11</span>
|
|
|
+ <div>你确定是去哪里了吗?你确定是去哪里了吗?</div>
|
|
|
+ </div>
|
|
|
+ <div class="item item-input">
|
|
|
+ <input name="comment" type="text" focus-me="input.focus" placeholder="{{input.placeholder}}" ng-model="vm.comment" style="padding: 0 20px;">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="list" style="margin-top:-22px;">
|
|
|
- <div class="item subitem">
|
|
|
- <img ng-src="img/demo/head4.jpg" />
|
|
|
- <span>百川</span>
|
|
|
- <span class="kz">2016-08-08 11:11</span>
|
|
|
- <div>你确定是去哪里了吗?你确定是去哪里了吗?</div>
|
|
|
- </div>
|
|
|
- <div class="item subitem">
|
|
|
- <img ng-src="img/demo/head4.jpg" />
|
|
|
- <span>百川</span>
|
|
|
- <span class="kz">2016-08-08 11:11</span>
|
|
|
- <div>你确定是去哪里了吗?你确定是去哪里了吗?</div>
|
|
|
- </div>
|
|
|
- <div class="item subitem">
|
|
|
- <img ng-src="img/demo/head4.jpg" />
|
|
|
- <span>百川</span>
|
|
|
- <span class="kz">2016-08-08 11:11</span>
|
|
|
- <div>你确定是去哪里了吗?你确定是去哪里了吗?</div>
|
|
|
- </div>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div ng-if="type==3" class="phbcontent">
|
|
|
<div class="list">
|
|
|
- <div class="item">
|
|
|
- <img style="width:30px" src="../../img/king.png" />
|
|
|
- <span style="padding-left:20px">
|
|
|
- <img style="width:40px;border-radius:100%" src="../../img/demo/head4.jpg" />
|
|
|
- <span style="position:relative;top:-20px">瞄瞄喵酱</span>
|
|
|
- <span style="color:#9E9E9E;position:relative;left:-68px">Lv.3</span>
|
|
|
- </span>
|
|
|
- <span style="padding-left:50px;">
|
|
|
- <span style="position:relative;top:-20px;font-weight:500">20000</span>
|
|
|
- <span style="color:#9E9E9E;position:relative;left:-50px">贡献</span>
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- <div class="item">
|
|
|
+ <div class="item" ng-repeat="user in dream.topuser">
|
|
|
<img style="width:30px" src="../../img/king.png" />
|
|
|
<span style="padding-left:20px">
|
|
|
- <img style="width:40px;border-radius:100%" src="../../img/demo/head4.jpg" />
|
|
|
- <span style="position:relative;top:-20px">瞄瞄喵酱</span>
|
|
|
- <span style="color:#9E9E9E;position:relative;left:-68px">Lv.3</span>
|
|
|
+ <img style="width:40px;border-radius:100%" src="{{user.avatar}}" />
|
|
|
+ <span style="position:relative;top:-20px">{{user.nickname}}</span>
|
|
|
</span>
|
|
|
<span style="padding-left:50px;">
|
|
|
- <span style="position:relative;top:-20px;font-weight:500">20000</span>
|
|
|
+ <span style="position:relative;top:-20px;font-weight:500">{{user.score}}</span>
|
|
|
<span style="color:#9E9E9E;position:relative;left:-50px">贡献</span>
|
|
|
</span>
|
|
|
- </div>
|
|
|
- <div class="item">
|
|
|
- <img style="width:30px" src="../../img/king.png" />
|
|
|
- <span style="padding-left:20px">
|
|
|
- <img style="width:40px;border-radius:100%" src="../../img/demo/head4.jpg" />
|
|
|
- <span style="position:relative;top:-20px">瞄瞄喵酱</span>
|
|
|
- <span style="color:#9E9E9E;position:relative;left:-68px">Lv.3</span>
|
|
|
- </span>
|
|
|
- <span style="padding-left:50px;">
|
|
|
- <span style="position:relative;top:-20px;font-weight:500">20000</span>
|
|
|
- <span style="color:#9E9E9E;position:relative;left:-50px">贡献</span>
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- <div class="item">
|
|
|
- <img style="width:30px" src="../../img/king.png" />
|
|
|
- <span style="padding-left:20px">
|
|
|
- <img style="width:40px;border-radius:100%" src="../../img/demo/head4.jpg" />
|
|
|
- <span style="position:relative;top:-20px">瞄瞄喵酱</span>
|
|
|
- <span style="color:#9E9E9E;position:relative;left:-68px">Lv.3</span>
|
|
|
- </span>
|
|
|
- <span style="padding-left:50px;">
|
|
|
- <span style="position:relative;top:-20px;font-weight:500">20000</span>
|
|
|
- <span style="color:#9E9E9E;position:relative;left:-50px">贡献</span>
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- <div class="item">
|
|
|
- <img style="width:30px" src="../../img/king.png" />
|
|
|
- <span style="padding-left:20px">
|
|
|
- <img style="width:40px;border-radius:100%" src="../../img/demo/head4.jpg" />
|
|
|
- <span style="position:relative;top:-20px">瞄瞄喵酱</span>
|
|
|
- <span style="color:#9E9E9E;position:relative;left:-68px">Lv.3</span>
|
|
|
- </span>
|
|
|
- <span style="padding-left:50px;">
|
|
|
- <span style="position:relative;top:-20px;font-weight:500">20000</span>
|
|
|
- <span style="color:#9E9E9E;position:relative;left:-50px">贡献</span>
|
|
|
- </span>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
| xqd
@@ -243,7 +157,7 @@
|
|
|
<div class="addcontent list">
|
|
|
<div class="item">我的梦想互动信息</div>
|
|
|
<div class="item itemjs">
|
|
|
- <textarea rows="4" cols="50" placeholder="添加梦想互动信息" ng-model="ivm.content" style="border: 1px solid #FF4B82;padding: 10px;width: 98%;"></textarea>
|
|
|
+ <textarea rows="4" cols="50" placeholder="添加梦想互动信息" ng-model="vm.title" style="border: 1px solid #FF4B82;padding: 10px;width: 98%;"></textarea>
|
|
|
</div>
|
|
|
<div class="item">上传图片,让别人更好的了解你的梦想</div>
|
|
|
<div class="item itemjs">
|
| xqd
@@ -303,29 +217,29 @@
|
|
|
<div class="detail-like" ng-if="tosupport">
|
|
|
<div>
|
|
|
<div class="row">
|
|
|
- <div class="col box {{index==1?'selected':''}}" ng-click="changeindex(1)" ng-model="coin">
|
|
|
+ <div class="col box {{index==1?'selected':''}}" ng-click="changeIndex(1)" ng-model="coin">
|
|
|
<h2 class="calm">5个</h2>
|
|
|
<p><i class="icon ion-social-codepen-outline calm"></i>虚拟币</p>
|
|
|
</div>
|
|
|
- <div class="col box {{index==2?'selected':''}}" ng-click="changeindex(2)" ng-model="coin">
|
|
|
+ <div class="col box {{index==2?'selected':''}}" ng-click="changeIndex(2)" ng-model="coin">
|
|
|
<h2 class="calm">10个</h2>
|
|
|
<p><i class="icon ion-social-codepen-outline calm"></i>虚拟币</p>
|
|
|
</div>
|
|
|
- <div class="col box {{index==3?'selected':''}}" ng-click="changeindex(3)" ng-model="coin">
|
|
|
+ <div class="col box {{index==3?'selected':''}}" ng-click="changeIndex(3)" ng-model="coin">
|
|
|
<h2 class="calm">15个</h2>
|
|
|
<p><i class="icon ion-social-codepen-outline calm"></i>虚拟币</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="row">
|
|
|
- <div class="col box {{index==4?'selected':''}}" ng-click="changeindex(4)" ng-model="coin">
|
|
|
+ <div class="col box {{index==4?'selected':''}}" ng-click="changeIndex(4)" ng-model="coin">
|
|
|
<h2 class="calm">20个</h2>
|
|
|
<p><i class="icon ion-social-codepen-outline calm"></i>虚拟币</p>
|
|
|
</div>
|
|
|
- <div class="col box {{index==5?'selected':''}}" ng-click="changeindex(5)" ng-model="coin">
|
|
|
+ <div class="col box {{index==5?'selected':''}}" ng-click="changeIndex(5)" ng-model="coin">
|
|
|
<h2 class="calm">25个</h2>
|
|
|
<p><i class="icon ion-social-codepen-outline calm"></i>虚拟币</p>
|
|
|
</div>
|
|
|
- <div class="col box {{index==6?'selected':''}}" ng-click="changeindex(6)" ng-model="coin">
|
|
|
+ <div class="col box {{index==6?'selected':''}}" ng-click="changeIndex(6)" ng-model="coin">
|
|
|
<h2 class="calm">30个</h2>
|
|
|
<p><i class="icon ion-social-codepen-outline calm"></i> 虚拟币</p>
|
|
|
</div>
|
| xqd
@@ -333,7 +247,7 @@
|
|
|
|
|
|
</div>
|
|
|
<div class="send">
|
|
|
- <span>余额:<i class="calm">20000</i> 梦想币</span>
|
|
|
+ <span>余额:<i class="calm">{{dream.user.coin}}</i> 梦想币</span>
|
|
|
<span class="calm" ng-click="openRechargeModal()"><i class="icon ion-card"></i>充值</span>
|
|
|
<span style="height:100%;float: right;">
|
|
|
<a style="border-radius:0;width:80px;font-size:1.2em;" class="button button-calm" ng-click="supportDream()">发送</a>
|