Web/Areas/Admin/Views/Shared/Layout.cshtml

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

微信扫码关注公众号，代码整理好后第一时间通知你。

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
    <link href="~/Content/admin.css" rel="stylesheet" />
    <script src="~/Scripts/jquery-1.10.2.min.js"></script>
    <script src="~/Scripts/common.js"></script>
    <link href="~/Content/layer/skin/default/layer.css" rel="stylesheet" />
    <script src="~/Content/layer/layer.js"></script>
</head>
<body>
    <div>
        <div class="topframe">
            <div class="title">在线文档管理系统</div>
            <div class="account">
                <div>Admin</div>
                <ul>
                    <li><a href="">退出登录</a></li>
                    <li><a href="">退出登录</a></li>
                </ul>
            </div>
        </div>

        <div class="leftframe">
            <ul>
                <li><a href="/admin/project/">项目列表</a></li>
                <li><a href="/admin/project/add">添加项目</a></li>
 
            </ul>

        </div>
        <div class="rightframe">
            @RenderBody()
        </div>
    </div>
    <script language="javascript">
        $(function () {
            $(".leftframe").css("height", $(window).height() - 50 + "px");

            $(".account div").bind("click", function () {
                $(this).parent().find("ul").show();
            });
            /* Mark 1 的原理：
    判断点击事件发生在区域外的条件是：
    1. 点击事件的对象不是目标区域本身
    2. 事件对象同时也不是目标区域的子元素
    */
            $(document).mouseup(function (e) {
                var _con = $('.account');   // 设置目标区域
                if (!_con.is(e.target) && _con.has(e.target).length === 0) {
                    $(".account ul").hide();
                }
            });
        });