We_Relese/App/Relese/Views/Exercise/Index.cshtml

@{
    ViewBag.Title = "页面选择";
    Layout = "~/Views/Shared/Layout/_Layout.Stu.cshtml";

}
@section styles{
    <style>
        .main-box {
            width: 100vw;
            height: 100vh;
            flex-direction: row;
            display: flex;
            padding: 5px 15px;
            margin: 0 auto;
            font-size: 16px;
            color: #fff;
            /*background-image: url('../../Content/Image/home/bg.jpg');*/
            background-image: linear-gradient(45deg,#005f61,#007f61);
            /*background-image: linear-gradient(45deg,#005f61,#005f61);*/
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }

        .link-box {
            display: flex;
            flex-direction: column;
            /*align-self: center;*/
            /*justify-content: center;*/
            width: 100%;
            max-width: 400px;
            margin: 20vh auto 0;
            padding: 0;
            transition: .5s all ease-in;
        }

        .link {
            list-style: none;
            width: 100%;
        }

            .link a {
                display: block;
                width: 100%;
                padding: 8px;
                margin: 10px auto;
                border-radius: 5px;
                color: #eee;
                border: 1px solid;
                border-color: inherit;
                text-align: center;
                font-size: 18px;
                text-decoration: none;
                transition: .5s color,font-weight,border-color,background ease-in;
            }

                .link a:hover {
                    text-decoration: none;
                    background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
                    color: #ff0;
                    border-width: 2px;
                    margin: 9px auto;
                    font-weight: bold;
                }
    </style>
}
<div class="main-box">
    <ul class="link-box">
        <li class="link">
            <a href="@Url.Action("Select","Exercise",new{id=4})">专家屏</a>
        </li>
        <li class="link">
            <a href="@Url.Action("Select","Exercise",new{id=3})">公共屏</a>
        </li>
        <li class="link">
            <a href="@Url.Action("Select","Exercise",new{id=1})">组员</a>
        </li>
        <li class="link">
            <a href="@Url.Action("Select","Exercise",new{id=2})">指挥长</a>
        </li>
        <li class="link">
            <a href="@Url.Action("Index","Play")">主屏</a>
        </li>
        <li class="link">
            <a href="@Url.Action("Select","Exercise",new{id=5})">手动记录演练情况</a>
        </li>


        @*<li class="link">
            <a href="@Url.Action("SelectOrder","Main",new{id=4})">配置中心</a>
        </li>*@

    </ul>
</div>