SignalRChatForVue/index.html

（开头部分） 22KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

<link href="css/reset.css" rel="stylesheet" />
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/HiChat.css" rel="stylesheet" />
<script src="js/vue.min.js"></script>
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/jquery.signalR-2.2.2.min.js"></script>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>SignalR-聊天室</title>
    <script>
        function GetQueryString(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) return decodeURI(r[2]); return null;
        }
        var current_uname = '';
        var current_userid = GetQueryString("userid");
    </script>
</head>
<body>
    <div class="wall-bg">
        <img src="images/background.jpg" />
    </div>
    <div class="container js-body" id="vue-js-app">
        <div class="row" id="js-homepage">
            <div class="col-sm-12">
                <div class="js-userinfo clearfix">
                    <div class="js-user-img pull-left">
                        <img src="images/avatar.jpg" width="50" height="50" />
                    </div>
                    <div class="js-user-info pull-left">
                        <div class="js-user-nickname" v-text="cnt_uname"></div>
                        <div class="js-user-signature">无个性，不签名</div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="js-main border-gray">
                    <div class="js-main-header text-white bg-black text-center">联系人</div>
                    <div class="js-main-body text-black bg-gray">
                        <div class="js-main-body-group bg-white">
                            <ul class="flex">
                                <li class="js-li text-center" v-on:click="showHome();">大厅</li>
                                <li class="text-gray js-li-seperator">|</li>
                                <li class="js-li text-center js-tab" @click="showuser(1)" v-bind:class="flag==1?' js-li-active':''">好友</li>
                                <li class="text-gray js-li-seperator">|</li>
                                <li class="js-li text-center js-tab" v-on:click="shogroup(2)" v-bind:class="flag==2?' js-li-active':''">群组</li>
                            </ul>
                        </div>
                        <!--在线用户列表-->
                        <div class="js-ul-items bg-white js-tab-item" v-show="isshowusers">
                            <div class="js-li-item">
                                <div class="js-fgname"><span class="js-lt text-gray">&gt;</span>在线好友</div>
                                <div class="js-users">
                                    <div class="js-user clearfix" v-for="(item,key) in onlineUserList" @click="douserbyid(item.UserID,item.UserName)">
                                        <div class="js-li-img pull-left">
                                            <img src="images/avatar.jpg" alt="Alternate Text" width="40" height="40" />
                                        </div>
后面还有 405 行代码，购买后查看完整代码

24 小时内免费解锁 3 个项目，之后 1 算力/个。 规则说明

AI 解读 AI

登录后可用，每次 10 算力，解读结果公开显示在下面。

还没有人解读过这个文件。