master

分支 (1)

管理

管理

master

weixin
/
index.html

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta name="viewport" content="width=device-width" />
    <meta charset="UTF-8">
    <title>Hi Chat</title>
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div class="all">
        <div class="top flex sb">
            <div class="w33"></div>
            <div class="w33 tc">Hi Chat</div>
            <div class="w33 tr">
                <img src="images/icon_add.png" />
            </div>
        </div>

        <div class="search_box">
            <div class="search_txt">
                <img src="images/icon_search.png" />
                <span>搜索</span></div>
        </div>

        <div class="chat_list">
            <div class="chat flex">
                <div class="pic">
                    <img src="images/gyy.jpg" />
                </div>
                <div class="txt">
                   <div class="line1 flex sb">
                       <div class="nickname">高圆圆</div>
                       <div class="time">上午10:30</div>
                   </div>
                    <div class="msg">
                        今晚我们再说。
                    </div>
                </div>
            </div>
            <div class="chat flex">
                <div class="pic">
                    <img src="images/gyy.jpg" />
                </div>
                <div class="txt">
                    <div class="line1 flex sb">
                        <div class="nickname">高圆圆</div>
                        <div class="time">上午10:30</div>
                    </div>
                    <div class="msg">
                        今晚我们再说。
                    </div>
                </div>
            </div>
            <div class="chat flex">
                <div class="pic">
                    <img src="images/gyy.jpg" />
                </div>
                <div class="txt">
                    <div class="line1 flex sb">
                        <div class="nickname">高圆圆</div>
                        <div class="time">上午10:30</div>
                    </div>
                    <div class="msg">
                        今晚我们再说。
                    </div>
                </div>
            </div>
            <div class="chat flex">
                <div class="pic">
                    <img src="images/gyy.jpg" />
                </div>
                <div class="txt">
                    <div class="line1 flex sb">
                        <div class="nickname">高圆圆</div>
                        <div class="time">上午10:30</div>
                    </div>
                    <div class="msg">
                        今晚我们再说。
                    </div>
                </div>
            </div>
            <div class="chat flex">
                <div class="pic">
                    <img src="images/gyy.jpg" />
                </div>
                <div class="txt">
                    <div class="line1 flex sb">
                        <div class="nickname">高圆圆</div>
                        <div class="time">上午10:30</div>
                    </div>
                    <div class="msg">
                        今晚我们再说。
                    </div>
                </div>
            </div>
            <div class="chat flex">
                <div class="pic">
                    <img src="images/gyy.jpg" />
                </div>
                <div class="txt">
                    <div class="line1 flex sb">
                        <div class="nickname">高圆圆</div>
                        <div class="time">上午10:30</div>
                    </div>
                    <div class="msg">
                        今晚我们再说。
                    </div>
                </div>
            </div>
            <div class="chat flex">
                <div class="pic">
                    <img src="images/gyy.jpg" />
                </div>
                <div class="txt">
                    <div class="line1 flex sb">
                        <div class="nickname">高圆圆</div>
                        <div class="time">上午10:30</div>
                    </div>
                    <div class="msg">
                        今晚我们再说。
                    </div>
                </div>
            </div>
            <div class="chat flex">
                <div class="pic">
                    <img src="images/gyy.jpg" />
                </div>
                <div class="txt">
                    <div class="line1 flex sb">
                        <div class="nickname">高圆圆</div>
                        <div class="time">上午10:30</div>
                    </div>
                    <div class="msg">
                        今晚我们再说。
                    </div>
                </div>
            </div>
            <div class="chat flex">
                <div class="pic">
                    <img src="images/gyy.jpg" />
                </div>
                <div class="txt">
                    <div class="line1 flex sb">
                        <div class="nickname">高圆圆</div>
                        <div class="time">上午10:30</div>
                    </div>
                    <div class="msg">
                        今晚我们再说。
                    </div>
                </div>
            </div>
            <div class="chat flex">
                <div class="pic">
                    <img src="images/gyy.jpg" />
                </div>
                <div class="txt">
                    <div class="line1 flex sb">
                        <div class="nickname">高圆圆</div>
                        <div class="time">上午10:30</div>
                    </div>
                    <div class="msg">
                        今晚我们再说。
                    </div>
                </div>
            </div>
            <div class="chat flex">
                <div class="pic">
                    <img src="images/gyy.jpg" />
                </div>
                <div class="txt">
                    <div class="line1 flex sb">
                        <div class="nickname">高圆圆</div>
                        <div class="time">上午10:30</div>
                    </div>
                    <div class="msg">
                        今晚我们再说。
                    </div>
                </div>
            </div>
            <div class="chat flex">
                <div class="pic">
                    <img src="images/gyy.jpg" />
                </div>
                <div class="txt">
                    <div class="line1 flex sb">
                        <div class="nickname">高圆圆</div>
                        <div class="time">上午10:30</div>
                    </div>
                    <div class="msg">
                        今晚我们再说。
                    </div>
                </div>
            </div>
            <div class="chat flex">
                <div class="pic">
                    <img src="images/gyy.jpg" />
                </div>
                <div class="txt">
                    <div class="line1 flex sb">
                        <div class="nickname">高圆圆</div>
                        <div class="time">上午10:30</div>
                    </div>
                    <div class="msg">
                        今晚我们再说。
                    </div>
                </div>
            </div>
            <div class="chat flex">
                <div class="pic">
                    <img src="images/gyy.jpg" />
                </div>
                <div class="txt">
                    <div class="line1 flex sb">
                        <div class="nickname">高圆圆</div>
                        <div class="time">上午10:30</div>
                    </div>
                    <div class="msg">
                        今晚我们再说。
                    </div>
                </div>
            </div>
            <div class="chat flex">
                <div class="pic">
                    <img src="images/gyy.jpg" />
                </div>
                <div class="txt">
                    <div class="line1 flex sb">
                        <div class="nickname">高圆圆</div>
                        <div class="time">上午10:30</div>
                    </div>
                    <div class="msg">
                        今晚我们再说。
                    </div>
                </div>
            </div>
        </div>

        <div class="bnav flex">
            <div class="item w25"
                 onclick="javascript:location='index.html'">
                <img src="images/wx.png" />
                <div class="wechatcolor">微信</div>
            </div>
            <div class="item w25"
                 onclick="javascript:location='txl.html'">
                <img src="images/txl.png" />
                <div >通讯录</div>
            </div>
            <div class="item w25">
                <img src="images/fx.png" />
                <div>发现</div>
            </div>
            <div class="item w25">
                <img src="images/my.png" />
                <div>我</div>
            </div>
        </div>
    </div>
</body>
</html>