@using Learun.Application.TwoDevelopment.Permission
@{
    ViewBag.Title = "title";
    Layout = "~/Views/Shared/_Index.cshtml";
}
<style type="text/css">
    body {
        padding: 10px;
    }

    .lr-desktop-panel {
        position: relative;
        width: 100%;
        height: 100%;
        background-color: #fff;
        border: 1px solid #ccc;
        padding: 15px 20px;
        border-radius: 3px;
    }

    .navTitle {
        font-size: 18px;
        background: #EDF6FB;
        color: #414045;
        line-height: 24px;
        padding: 15px;
    }

        .navTitle i {
            /*color: #6A9AE1;*/
            font-size: 18px;
            margin-right: 5px;
            position: relative;
            top: 2px;
        }

    .navRow {
        overflow: hidden;
        margin: 0 -8px;
    }

    .navCon {
        display: none;
    }

        .navCon.active {
            display: block;
        }

    .navClo6 {
        margin-top: 22px;
        padding: 0 8px;
        float: left;
        width: 16.666667%;
    }

    .navBox {
        background: #7299E4;
        border-radius: 6px;
        overflow: hidden;
        height: 126px;
        border: 1px solid #7299E4;
        position: relative;
        cursor: pointer;
    }

    .navT {
        padding: 20px;
        font-size: 18px;
        line-height: 24px;
        color: #fff;
    }

        .navT i {
            font-size: 18px;
            margin-right: 20px;
            position: relative;
            /*top: 2px;*/
        }

    .navMore {
        background: #fff;
        min-height: 15px;
        line-height: 50px;
        padding: 0 20px;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: right;
        color: #7299E4;
    }

        .navMore i {
            margin-left: 5px;
        }

    .navTitle .fa-angle-left {
        width: 24px;
        height: 24px;
        opacity: .3;
        line-height: 24px;
        text-align: center;
        background: #fff;
        color: #666;
        border-radius: 3px;
        margin-right: 25px;
        top: 0px;
    }

    .navCons .navMore {
        text-align: center;
    }

    .navCons .navT {
        text-align: right;
    }

        .navCons .navT > * {
            display: block;
        }

        .navCons .navT > i {
            font-size: 30px;
            margin-right: 0;
            margin-bottom: 10px;
        }

    .navCons .navBox {
        height: 156px;
    }
</style>
<div class="lr-desktop-panel lr-scroll-wrap" style="overflow: auto;">
    <div class="nav">
        @foreach (Perm_FunctionEntity permFunctionEntity in ViewBag.FunctionList)
        {
            <div class="navClo6">
                <div class="navBox navMoreBox" id="0f7a71fe-a95d-47a6-b8b3-854862a36225" style="background: #8564D8; border-color: #8564D8;">
                    <div class="navT"><i class="fa fa-caret-square-o-down lr-menu-item-icon"></i><span>@permFunctionEntity.FName</span></div>
                    <div class="navMore" style="color: #8564D8"><a href="/Home/GoToApplication?appid=@permFunctionEntity.FId" target="_blank">进入系统</a> <i class="fa fa-caret-right"></i></div>
                </div>
            </div>
        }
    </div>
</div>