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;
            display: block;
            text-decoration: none;
        }

            .list_child img {
                width: 100%;
            }

            .list_child > div {
                /* margin: 12px 0; */
                color: #414141;
                font-size: 13px;
            }
    </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">
        <a href="index.html">
            <img src="../Content/phone/imgs/backBtn.png" alt="" width="100%">
        </a>
        <div>校园风光</div>
    </div>
    <div class="split"></div>
    <div class="list">
        <!--<a class="list_child" href="schoolNewsDetails.html">
            <img src="../Content/phone/imgs/schoolNews/list_main.png" alt="">
            <div class="list_names">校园风光</div>
        </a>
        <a class="list_child" href="schoolNewsDetails.html">
            <img src="../Content/phone/imgs/schoolNews/list_main.png" alt="">
            <div class="list_names">校园风光</div>
        </a>
        <a class="list_child" href="schoolNewsDetails.html">
            <img src="../Content/phone/imgs/schoolNews/list_main.png" alt="">
            <div class="list_names">校园风光</div>
        </a>
        <a class="list_child" href="schoolNewsDetails.html">
            <img src="../Content/phone/imgs/schoolNews/list_main.png" alt="">
            <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">
        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 () {
            GetNews();
        });

        //获取校园风光
        function GetNews() {
            $.ajax({
                url: serverurl + '/arrangelesson/GetSchoolNewList?categoryId=1',
                type: "GET",
                dataType: "json",
                async: true,
                cache: false,
                success: function (data) {
                    var data = data.data;
                    var html = '';
                    for (var i = 0; i < data.length; i++) {
                        var img = '../Content/phone/imgs/schoolNews/list_main.png';
                        if (data[i].F_NewsImage) {
                            var path = data[i].F_NewsImage;
                            var index = (data[i].F_NewsImage).lastIndexOf("Resource");
                            path = path.substring(index, path.length);
                            img = "/" + path;
                        }
                        html += '<a class="list_child" href="schoolNewsDetails.html?type=2&Id=' + data[i].F_NewsId + '">';
                        html += '<img src="' + img + '" alt="">';
                        html += '<div class="list_names">' + data[i].F_FullHead + '</div>';
                        html += '</a>';
                    }

                    $('.list').html(html);

                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {

                },
                beforeSend: function () {
                },
                complete: function () {
                }
            });
        }
    </script>
</body>
</html>