kefu/views/server/index.ejs

<% include header.ejs %>
<link rel="stylesheet" href="/css/server.css">
<div class="layui-fluid">
    <div class="friend">
        <div class="friend-head">
            <span class="friend-head-right">0人</span>
            <span class="help-my-chat">我的对话
                <span id="keleyivisitorip" style="display: none;"><script src="//api.wm-app.xyz/getIp.php?js"></script></span>
            </span>
        </div>
        <div class="chat-user">

        </div>
    </div>
    <div class="chat">
        <div class="message-container" id="message-container">
            <div class="empty-status">
                <img src="/images/server/tabpage.png">
                <div class="text">从左侧列表打开对话</div>
            </div>
        </div>
        <div class="message-sender">
            <div class="message-emoji-picture" id="btn-uploader">
                <i id="emojiBtn" class="layui-icon" style="font-size: 25px; color: #969faa;">&#xe60c;</i>
                <i id="pickfiles" class="layui-icon picture-upload"
                   style="font-size: 25px; color: #969faa;margin-left: 10px;">&#xe64a;</i>
            </div>
            <div class="sender-editor">
                <textarea placeholder="请输入消息内容，Enter快捷发送，Ctrl+Enter换行" id="msg-send-textarea" disabled></textarea>
                <div class="layui-btn layui-btn-normal btnMsgSend layui-btn-disabled" title="Enter快捷发送，Ctrl+Enter换行">
                    发送
                </div>
            </div>
        </div>
        <div class="emoji-list">
            <ul>
                <li title="笑脸">&#x1F601;</li>
                <li title="哭脸">&#x1F602;</li>
                <li title="表情1">&#x1F603;</li>
                <li title="表情2">&#x1F604;</li>
                <li title="表情3">&#x1F605;</li>
                <li title="表情4">&#x1F606;</li>
                <li title="表情5">&#x1F607;</li>
                <li title="表情6">&#x1F608;</li>
                <li title="表情7">&#x1F609;</li>
                <li title="表情8">&#x1F60A;</li>
                <li title="表情9">&#x1F60B;</li>
                <li title="表情10">&#x1F60C;</li>
                <li>&#x1F60D;</li>
                <li>&#x1F60E;</li>
                <li>&#x1F60F;</li>
                <li>
                    &#x1F610;
                </li>
                <li>
                    &#x1F611;
                </li>
                <li>
                    &#x1F612;
                </li>
                <li>&#x1F613;
                </li>
                <li>&#x1F614;
                </li>
                <li>&#x1F615;
                </li>
                <li>&#x1F616;
                </li>
                <li>&#x1F617;</li>
                <li>
                    &#x1F618;
                </li>
                <li>&#x1F619;</li>
                <li>
                    &#x1F61A;
                </li>
                <li>&#x1F61B;
                </li>
                <li>&#x1F61C;
                </li>
                <li>&#x1F61D;
                </li>
                <li>&#x1F61E;
                </li>
                <li>&#x1F61F;
                </li>
                <li>&#x1F620;
                </li>
                <li>&#x1F621;
                </li>
                <li>&#x1F622;
                </li>
                <li>&#x1F623;
                </li>
                <li>&#x1F624;
                </li>
                <li>&#x1F625;
                </li>
                <li>&#x1F626;
                </li>
                <li>&#x1F627;
                </li>
                <li>&#x1F628;
                </li>
                <li>&#x1F629;
                </li>
                <li>&#x1F62A;
                </li>
                <li>&#x1F62B;
                </li>
                <li>&#x1F62C;
                </li>
                <li>&#x1F62D;
                </li>
                <li>&#x1F62E;
                </li>
                <li>&#x1F62F;</li>
                <li>&#x1F630;</li>
                <li>&#x1F631;</li>
                <li>&#x1F632;</li>
                <li>&#x1F633;</li>
                <li>&#x1F634;</li>
            </ul>
        </div>
    </div>
</div>
<script src="/layui/layui.js"></script>
<script src="/socket.io/socket.io.js"></script>
<script type='text/javascript' src='js/common.js' charset='utf-8'></script>
<script src="/js/server/index.js"></script>

<% include footer.ejs %>