bjquanjiang
/
DigitalScholl


			
				
					
						
						
							
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
    <link rel="stylesheet" href="../Content/phone/css/title_search.css">
    <link rel="stylesheet" type="text/css" href="../Content/phone/css/menu.css" />
    <link rel="stylesheet" href="../Content/phone/css/split.css">
    <title>专业介绍</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .list {
            padding: 0 2.6%;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }

        .list_child {
            width: 47%;
            border: solid 1px #E7EDEF;
            text-align: center;
            /* position: relative; */
            display: block;
            text-decoration: none;
        }

            .list_child img {
                width: 100%;
            }

            .list_child > div {
                /* margin: 12px 0; */
                color: #414141;
                font-size: 13px;
                position: relative;
            }

        .list_names {
            text-align: left;
            padding: 0 10px;
            font-size: 13px;
            line-height: 20px;
            color: #414141;
        }

        .img_names {
            position: absolute;
            top: 0;
            width: 126px;
            color: #FFFFFF !important;
            font-size: 18px !important;
            font-weight: bold !important;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
        }
    </style>
</head>
<body>
    <div class="title_search">
        <div style="width: 46.4%;">
            <img src="../Content/phone/imgs/newStudentGui/title.png" alt="" width="100%">
        </div>
        <div>
            <!--<input type="text" id="search" placeholder="专业搜索..." />
            <img src="../Content/phone/imgs/search_icon.png" alt="" id="search_icon">-->
        </div>
    </div>
    <div class="menu">
        <div onclick="go('index.html')">
            <img src="../Content/phone/imgs/backBtn.png" alt="" width="100%">
        </div>
        <div>专业介绍</div>
    </div>
    <div class="split"></div>
    <div class="list" id="list">

        <!--<a class="list_child" href="schoolNewsDetails.html">
            <div>
                <img src="../Content/phone/imgs/proDsc/list_2.png" alt="">
                <div class="img_names">建筑装饰技术</div>
            </div>
            <div class="list_names">建筑装饰技术</div>
        </a>
        <a class="list_child" href="schoolNewsDetails.html">
            <div>
                <img src="../Content/phone/imgs/proDsc/list_3.png" alt="">
                <div class="img_names">
                    <div>人工智能</div>
                    <div>技术与应用</div>
                </div>
            </div>
            <div class="list_names">人工智能技术与应用</div>
        </a>
        <a class="list_child" href="schoolNewsDetails.html">
            <div>
                <img src="../Content/phone/imgs/proDsc/list_4.png" alt="">
                <div class="img_names">数控技术应用</div>
            </div>

            <div class="list_names">数控技术应用</div>
        </a>
        <a class="list_child" href="schoolNewsDetails.html">
            <div>
                <img src="../Content/phone/imgs/proDsc/list_5.png" alt="">
                <div class="img_names">学前教育</div>
            </div>

            <div class="list_names">学前教育</div>
        </a>
        <a class="list_child" href="schoolNewsDetails.html">
            <div>
                <img src="../Content/phone/imgs/proDsc/list_6.png" alt="">
                <div class="img_names">建筑工程造价</div>
            </div>

            <div class="list_names">建筑工程造价</div>
        </a>-->
    </div>
    <div style="height: 10px;"></div>
    <script src="../Content/phone/js/jquery.min.js"></script>
    <script src="../Content/phone/js/getSize.js" type="text/javascript" charset="utf-8"></script>
    <script src="../Content/phone/js/title_search.js" type="text/javascript" charset="utf-8"></script>
    <script src="../Content/phone/js/menu.js" type="text/javascript" charset="utf-8"></script>
    <script src="server.js"></script>
    <script type="text/javascript">
        $(function () {
            GetList("");
        });
        var lists = document.getElementsByClassName('list_child');
        var names = document.getElementsByClassName('list_names');
        for (var i = 0; i < lists.length; i++) {
            lists[i].style.marginTop = (pageHeight * 0.017) + 'px';
        }

        for (var i = 0; i < names.length; i++) {
            names[i].style.marginTop = (pageHeight * 0.009) + 'px';
            names[i].style.marginBottom = (pageHeight * 0.017) + 'px';
        }
        function go(url) {
            window.location.href = url;
        }
        //获取专业列表
        function GetList(keyword) {
            $.ajax({
                url: serverurl + '/arrangelesson/getCdMajorList?keyword=' + keyword,
                type: "GET",
                dataType: "json",
                async: true,
                cache: false,
                success: function (data) {
                    var data = data.data;
                    var photo = '../Content/phone/imgs/proDsc/list_5.png';
                    if (data.Photo) {
                        photo = data[i].Photo;
                    }
                    var html = '';
                    for (var i = 0; i < data.length; i++) {
                        html += '<a class="list_child" href="/PhonePage/schoolNewsDetails.html?Id=' + data[i].ID + '&type=3">';
                        html += '<div>';
                        html += '<img src="' + photo + '" alt="">';
                        html += '<div class="img_names">' + data[i].MajorName + '</div>';
                        html += '</div>';
                        html += '<div class="list_names">' + data[i].MajorName + '</div>';
                        html += '</a>';
                    }
                    $('#list').html(html);
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {

                },
                beforeSend: function () {
                },
                complete: function () {
                }
            });
        }

        //关键字搜索
        $('#search_icon').on('click', function () {
            GetList($('#search').val());
        });
    </script>
</body>
</html>