template.html 1.4 KB

1234567891011121314151617181920212223242526272829
  1. <div id="michat">
  2. <ul class="michat-left layui-unselect">
  3. <li ng-repeat="u in list" ng-class="{true:'michat-this'}[u.active]" ng-click="switchUser(u)">
  4. <img alt="img" ng-src="{{u.headimg}}">
  5. <span ng-bind="u.nickname"></span>
  6. <i ng-click="removeUser(u)" class="layui-icon layui-icon-close-fill" ng-if="!u.active"></i>
  7. </li>
  8. </ul>
  9. <div class="michat-right">
  10. <div class="michat-right-header layui-layer-title layui-unselect">
  11. <img alt="img" ng-src="{{user.headimg}}">
  12. <span class="michat-right-header-username" ng-bind="user.nickname"></span>
  13. </div>
  14. <ul class="michat-right-list">
  15. <li ng-repeat="m in user.message" ng-class="{right:'michat-right-list-right'}[m.float]">
  16. <div class="michat-right-list-item-user"><img alt="img" ng-src="{{m.headimg}}"></div>
  17. <div class="michat-right-list-item-text" ng-bind="m.content"></div>
  18. </li>
  19. </ul>
  20. <div class="michat-right-footer">
  21. <label class="michat-right-footer-textarea">
  22. <textarea placeholder="请输入回复内容" ng-model="text" name="content"></textarea>
  23. </label>
  24. <div class="michat-right-footer-bottom">
  25. <span class="layui-unselect" ng-click="replyUser()">发 送</span>
  26. </div>
  27. </div>
  28. </div>
  29. </div>