my-message-reply.html 4.9 KB

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