tuanduiqunliao.html 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  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. <li class="zdmb" style="display: none;">添加为指导模板</li>
  27. </ul>
  28. <div id='sound-alert' class="rprogress">
  29. <div class="rschedule"></div>
  30. <!--<div class="volumn">
  31. <div class="line1"></div>
  32. <div class="line2"></div>
  33. <div class="line3"></div>
  34. <div class="line4"></div>
  35. </div>-->
  36. <div class="r-sigh">!</div>
  37. <div id="audio_tips" class="rsalert">手指上滑,取消发送</div>
  38. </div>
  39. <div class="h45">
  40. <div class="demo-comtop">
  41. <a class="mui-action-back"></a>
  42. <h1 id='title'></h1>
  43. <div class="header-group">
  44. <a id="qun_detail" class="group"><img style="width: 35px; height: 35px;position: relative;top: -8px;" src="../images/tuandui_pre.png" >
  45. </a>
  46. <span id="cancel" class="btn-cancel">取消</span>
  47. </div>
  48. </div>
  49. </div>
  50. <div class="c-chat-box" id="contain" >
  51. </div>
  52. <ul class="footer-bar c-hide" >
  53. <li id="plzf"><img src="../images/fenxiang_icon.png" /><span>转发</span></li>
  54. <!--<li><img src="../images/shanchu_icon.png" /><span>删除</span></li>-->
  55. </ul>
  56. <div class="bgc-fff c-border-t c-position-f width-100 chat-msg-box zi2" id="input_div">
  57. <div class="ui-grid ptb10" style="-webkit-box-orient: horizontal; -webkit-box-align: end;">
  58. <div class="ui-col-0 mlr5 yy-add">
  59. <img src="../images/yuying_icon.png" width="25" height="25" />
  60. <img style="display: none;" src="../images/jianpang_icon.png" width="25" height="25" />
  61. </div>
  62. <div class="ui-col-1 mr5 ml10">
  63. <div class="input-group width-100 ">
  64. <!--<input id="input_content" type="text" class="form-control width-100" placeholder="" value="">-->
  65. <div id="input_content" contenteditable="true" type="text" class="width-100 input-msg" placeholder="" value=""></div>
  66. <div id="msg-sound" style="display: none; line-height: 30px;text-align: center;border: 1px solid #e1e1e1;border-radius: 6px;">
  67. 按住说话
  68. </div>
  69. </div>
  70. </div>
  71. <div class="ui-col-0 tw-add"><img src="../images/tw-add.png" width="25"></div>
  72. <div id="reply" class="ui-col-0 mr5 c-hide">
  73. <a onclick="clickReply()" href="javascript:;" class="c-btn c-btn-588cd5 c-btn-tiny c-btn-radius c-f15">发送</a>
  74. </div>
  75. </div>
  76. <div class="tw-add-detail clearfix c-hide" id="other_div">
  77. <ul>
  78. <li><img src="../images/tupian_icon.png" width="43" onclick="clickGallery()">
  79. <p class="c-f15">图片</p>
  80. </li>
  81. <li><img src="../images/paizhao_icon.png" width="43" onclick="clickCamera()">
  82. <p class="c-f15">拍照</p>
  83. </li>
  84. <li class="andriod-video-li" style="display: none;"><img src="../images/paizhao_icon.png" width="43" onclick="clickVideo()">
  85. <p class="c-f15">短视频</p>
  86. </li>
  87. <li class="c-hide ios-video-li" style="display: none;"><img src="../images/paizhao_icon.png" class="lz-video-img" width="43">
  88. <p class="c-f15">短视频</p>
  89. <input id='upload_input' class="c-hide" onchange="videoFileChange(this);" type="file" accept="video/*" capture="camcorder" />
  90. </li>
  91. <li><img src="../images/kuaijiehuifu_icon.png" width="43" onclick="kjhf()">
  92. <p class="c-f15">快捷回复</p>
  93. </li>
  94. </ul>
  95. </div>
  96. </div>
  97. <section class="imgzoom-pack">
  98. <div class="imgzoom-x">关闭</div>
  99. <div class="imgzoom-del"></div>
  100. <div class="imgzoom-img"><img src="" /></div>
  101. </section>
  102. <div id="sheet1" class="mui-popover mui-popover-bottom mui-popover-action ">
  103. <!-- 可选择菜单 -->
  104. <ul class="mui-table-view">
  105. <li class="mui-table-view-cell mui-table-view-cell1" style="font-size: 14px;color: #666666;" id="mui-content">
  106. </li>
  107. <li class="mui-table-view-cell mui-table-view-cell1" id="lijifasong" style="font-size: 16px;color: #47A8EF;">
  108. <a href="javascript:;">立即发送</a>
  109. </li>
  110. <li class="mui-table-view-cell mui-table-view-cell1" id="buzaitixing" style="font-size: 16px;color: #47A8EF;">
  111. <a href="javascript:;">不再提醒</a>
  112. </li>
  113. </ul>
  114. <!-- 取消菜单 -->
  115. <ul class="mui-table-view">
  116. <li class="mui-table-view-cell mui-table-view-cell1" style="font-size: 16px;color: #47A8EF;">
  117. <a href="#sheet1">取消发送</a>
  118. </li>
  119. </ul>
  120. </div>
  121. <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
  122. <script type="text/javascript" src="../../../js/mui.min.js"></script>
  123. <script type="text/javascript" src="../../../js/mui.zoom.js"></script>
  124. <script type="text/javascript" src="../../../js/mui.previewimage.js"></script>
  125. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  126. <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
  127. <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
  128. <script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
  129. <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
  130. <script src="../../js/sqliteUtil.js" type="text/javascript" charset="utf-8"></script>
  131. <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css" />
  132. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js" type="text/javascript" charset="utf-8"></script>
  133. <script src="../../../widget/iscroll/5.1.3/js/iscroll.js"></script>
  134. <script src="../../js/l-scroll.js" type="text/javascript" charset="utf-8"></script>
  135. <link rel="stylesheet" href="../../js/l-scroll.css" type="text/css" />
  136. <script src="../js/socketConnect.js" type="text/javascript" charset="utf-8"></script>
  137. <script src="../js/chatRoom.js" type="text/javascript" charset="utf-8"></script>
  138. <script src="../js/tuanduiqunliao.js" type="text/javascript" charset="utf-8"></script>
  139. <script src="../../js/l-img-view.js" type="text/javascript" charset="utf-8"></script>
  140. <script src="../../js/service.js" type="text/javascript" charset="utf-8"></script>
  141. <script src="../../../js/im.client.js" type="text/javascript" charset="utf-8"></script>
  142. </body>
  143. </html>