my-message-reply.html 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. <ion-view view-title="回复我的">
  2. <ion-content>
  3. <div class="list">
  4. <div class="item reply-item" ng-repeat="item in comments">
  5. <div class="row">
  6. <div class="col">
  7. <img class="reply-head" src="../../img/demo/head1.jpg" />
  8. <div class="reply-info">
  9. <div>林更新</div>
  10. <div>2016-08-08 11:00</div>
  11. </div>
  12. </div>
  13. <div class="col reply-hf">
  14. <button class="button icon-left ion-ios-redo-outline" ng-click="openModal()">回复</button>
  15. </div>
  16. </div>
  17. <span class="reply-line">回复<span>@韩庚</span>:你确定是去那里吗?</span>
  18. <div class="item item-thumbnail-left reply-content">
  19. <!--<img ng-src="img/demo/head7.jpg" />-->
  20. <img ng-src="{{item.dream_pic}}">
  21. <h2>{{item.dream_name}}</h2>
  22. <p>在斯德哥尔摩,那个只有黑白和灰色的咖啡馆里面坐下,喝一杯地道的北欧咖啡。享受难得的北欧时光!</p>
  23. </div>
  24. <div class="reply-bar">
  25. <div style="width: 30%;">
  26. </div>
  27. </div>
  28. <div class="reply-sx"><span class="calm">30%</span> 目前实现</div>
  29. </div>
  30. <!--<div class="item reply-item">
  31. <div class="row">
  32. <div class="col">
  33. <img class="reply-head" src="../../img/demo/head1.jpg" />
  34. <div class="reply-info">
  35. <div>林更新</div>
  36. <div>2016-08-08 11:00</div>
  37. </div>
  38. </div>
  39. <div class="col reply-hf">
  40. <button class="button icon-left ion-ios-redo-outline" ng-click="openModal()">回复</button>
  41. </div>
  42. </div>
  43. <span class="reply-line">回复<span>@韩庚</span>:你确定是去那里吗? </span>
  44. <div class="item item-thumbnail-left reply-content">
  45. <img ng-src="img/demo/head7.jpg" />
  46. <h2>有人能带我去瑞典吗?</h2>
  47. <p>在斯德哥尔摩,那个只有黑白和灰色的咖啡馆里面坐下,喝一杯地道的北欧咖啡。享受难得的北欧时光!</p>
  48. </div>
  49. <div class="reply-bar">
  50. <div style="width: 30%;">
  51. </div>
  52. </div>
  53. <div class="reply-sx"><span class="calm">30%</span> 目前实现</div>
  54. </div>
  55. <div class="item reply-item">
  56. <div class="row">
  57. <div class="col">
  58. <img class="reply-head" src="../../img/demo/head1.jpg" />
  59. <div class="reply-info">
  60. <div>林更新</div>
  61. <div>2016-08-08 11:00</div>
  62. </div>
  63. </div>
  64. <div class="col reply-hf">
  65. <button class="button icon-left ion-ios-redo-outline" ng-click="openModal()">回复</button>
  66. </div>
  67. </div>
  68. <span class="reply-line">回复<span>@韩庚</span>:你确定是去那里吗? </span>
  69. <div class="item item-thumbnail-left reply-content">
  70. <img ng-src="img/demo/head7.jpg" />
  71. <h2>有人能带我去瑞典吗?</h2>
  72. <p>在斯德哥尔摩,那个只有黑白和灰色的咖啡馆里面坐下,喝一杯地道的北欧咖啡。享受难得的北欧时光!</p>
  73. </div>
  74. <div class="reply-bar">
  75. <div style="width: 30%;">
  76. </div>
  77. </div>
  78. <div class="reply-sx"><span class="calm">30%</span> 目前实现</div>
  79. </div>-->
  80. </div>
  81. </ion-content>
  82. <script id="my-modal.html" type="text/ng-template">
  83. <ion-modal-view>
  84. <ion-header-bar class="bar-calm">
  85. <button class="button button-clear icon ion-ios-arrow-back" ng-click="closeModal()">返回</button>
  86. <h1 class="title">我的回复</h1>
  87. <button class="button button-clear" ng-click="myReplay()">确定</button>
  88. </ion-header-bar>
  89. <ion-content>
  90. <div class="addmodal">
  91. <textarea placeholder="回复内容" ng-model="vm.content"></textarea>
  92. </div>
  93. <div class="addfoot">
  94. <img ng-src="img/图片.png" />
  95. <img ng-src="img/相机.png" />
  96. <img ng-src="img/表情.png" />
  97. </div>
  98. </ion-content>
  99. </ion-modal-view>
  100. </script>
  101. </ion-view>