qiuzhuqunliao.html 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="author" content="yihu.com" />
  6. <meta name="format-detection" content="telephone=no" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
  8. <meta name="apple-mobile-web-app-capable" content="yes" />
  9. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  10. <title>群聊</title>
  11. <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css" />
  12. <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css">
  13. <link rel="stylesheet" href="../../../common/cross/css/cross.ui.css" type="text/css" />
  14. <link rel="stylesheet" type="text/css" href="../css/yy-style.css">
  15. <link rel="stylesheet" type="text/css" href="../../css/chatroom.css" />
  16. <link rel="stylesheet" type="text/css" href="../../../css/mui.previmg.css" />
  17. </head>
  18. <body>
  19. <ul class="log-oper">
  20. <div></div>
  21. <li class="fz">复制</li>
  22. <li class="zf">转发</li>
  23. <!--<li class="sc">删除</li>-->
  24. <li class="pl">批量操作</li>
  25. <li class="kjhf">加入快捷回复</li>
  26. </ul>
  27. <div class="h45">
  28. <div class="demo-comtop">
  29. <a class="mui-action-back"></a>
  30. <h1 id='title'></h1>
  31. <div class="header-group">
  32. <a id="qun_detail" class="group"><img style="width: 35px; height: 35px;position: relative;top: -8px;" src="../images/tuandui_pre.png" >
  33. </a>
  34. <span id="cancel" class="btn-cancel">取消</span>
  35. </div>
  36. </div>
  37. <div class="topmsg">
  38. </div>
  39. </div>
  40. <div class="c-chat-box" id="contain" >
  41. </div>
  42. <ul class="footer-bar c-hide" >
  43. <li id="plzf"><img src="../images/fenxiang_icon.png" /><span>转发</span></li>
  44. <!--<li><img src="../images/shanchu_icon.png" /><span>删除</span></li>-->
  45. </ul>
  46. <div class="bgc-f3f3f3 c-border-t c-position-f width-100 chat-msg-box zi2" id="input_div">
  47. <div class="ui-grid ptb10" style="-webkit-box-orient: horizontal; -webkit-box-align: end;">
  48. <!--<div class="ui-col-0 mlr5 pt15 tw-add" data-inner="dialo">
  49. <img src="../images/down.png" width="25" height="25" class="c-hide" />
  50. <img src="../images/up.png" width="25" height="25" />
  51. </div>-->
  52. <div class="ui-col-1 mr5 ml10">
  53. <div class="input-group width-100 ">
  54. <!--<input id="input_content" type="text" class="form-control width-100" placeholder="" value="">-->
  55. <div id="input_content" contenteditable="true" type="text" class="width-100 input-msg" placeholder="" value=""></div>
  56. </div>
  57. </div>
  58. <div class="ui-col-0 tw-add"><img src="../images/tw-add.png" width="25"></div>
  59. <div id="reply" class="ui-col-0 mr5 c-hide">
  60. <a onclick="clickReply()" href="javascript:;" class="c-btn c-btn-588cd5 c-btn-tiny c-btn-radius c-f15">发送</a>
  61. </div>
  62. </div>
  63. <div class="tw-add-detail clearfix c-hide" id="other_div">
  64. <ul>
  65. <li><img src="../images/tupian_icon.png" width="43" onclick="clickGallery()">
  66. <p class="c-f15">图片</p>
  67. </li>
  68. <li><img src="../images/paizhao_icon.png" width="43" onclick="clickCamera()">
  69. <p class="c-f15">拍照</p>
  70. </li>
  71. <li class="andriod-video-li" style="display: none;"><img src="../images/paizhao_icon.png" width="43" onclick="clickVideo()">
  72. <p class="c-f15">短视频</p>
  73. </li>
  74. <li class="c-hide ios-video-li" style="display: none;"><img src="../images/paizhao_icon.png" class="lz-video-img" width="43">
  75. <p class="c-f15">短视频</p>
  76. <input id='upload_input' class="c-hide" onchange="videoFileChange(this);" type="file" accept="video/*" capture="camcorder" />
  77. </li>
  78. <li id="qiuzhuico"><img src="../images/kuaijiehuifu_icon.png" width="43" onclick="kjhf()">
  79. <p class="c-f15">快捷回复</p>
  80. </li>
  81. <li id="qiuzhuico" style="display: none;"><img src="../images/qiuzhuyisheng_icon.png" width="43" onclick="qiuzhu()">
  82. <p class="c-f15">求助</p>
  83. </li>
  84. </ul>
  85. </div>
  86. </div>
  87. <section class="imgzoom-pack">
  88. <div class="imgzoom-x">关闭</div>
  89. <div class="imgzoom-del"></div>
  90. <div class="imgzoom-img"><img src="" /></div>
  91. </section>
  92. <div id="sheet1" class="mui-popover mui-popover-bottom mui-popover-action ">
  93. <!-- 可选择菜单 -->
  94. <ul class="mui-table-view">
  95. <li class="mui-table-view-cell mui-table-view-cell1" style="font-size: 14px;color: #666666;" id="mui-content">
  96. </li>
  97. <li class="mui-table-view-cell mui-table-view-cell1" id="lijifasong" style="font-size: 16px;color: #47A8EF;">
  98. <a href="javascript:;">立即发送</a>
  99. </li>
  100. <li class="mui-table-view-cell mui-table-view-cell1" id="buzaitixing" style="font-size: 16px;color: #47A8EF;">
  101. <a href="javascript:;">不再提醒</a>
  102. </li>
  103. </ul>
  104. <!-- 取消菜单 -->
  105. <ul class="mui-table-view">
  106. <li class="mui-table-view-cell mui-table-view-cell1" style="font-size: 16px;color: #47A8EF;">
  107. <a href="#sheet1">取消发送</a>
  108. </li>
  109. </ul>
  110. </div>
  111. <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
  112. <script type="text/javascript" src="../../../js/mui.min.js"></script>
  113. <script type="text/javascript" src="../../../js/mui.zoom.js"></script>
  114. <script type="text/javascript" src="../../../js/mui.previewimage.js"></script>
  115. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  116. <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
  117. <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
  118. <script src="../../../js/im_new.js" type="text/javascript" charset="utf-8"></script>
  119. <script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
  120. <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
  121. <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css" />
  122. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js" type="text/javascript" charset="utf-8"></script>
  123. <script src="../../../widget/iscroll/5.1.3/js/iscroll.js"></script>
  124. <script src="../../js/l-scroll.js" type="text/javascript" charset="utf-8"></script>
  125. <link rel="stylesheet" href="../../js/l-scroll.css" type="text/css" />
  126. <script src="../js/socketConnect.js" type="text/javascript" charset="utf-8"></script>
  127. <script src="../js/qiuzhuqunliao.js" type="text/javascript" charset="utf-8"></script>
  128. <script src="../js/chatRoom.js" type="text/javascript" charset="utf-8"></script>
  129. <script src="../../js/l-img-view.js" type="text/javascript" charset="utf-8"></script>
  130. <script src="../../js/service.js" type="text/javascript" charset="utf-8"></script>
  131. </body>
  132. </html>