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" />
    <title>学校新闻</title>
    <link rel="stylesheet" href="../Content/phone/css/title_search.css">
    <link rel="stylesheet" href="../Content/phone/css/menu.css">
    <link rel="stylesheet" href="../Content/phone/css/split.css">
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .total {
            padding: 17px 2.6%;
            font-size: 12px;
            color: #AEAEAE;
            border-bottom: 1px solid #F8F8F8;
        }

            .total span {
                color: #0064D6;
                font-size: 16px;
                margin: 0 8px;
            }

        .list {
            padding: 10px 2.6%;
            color: #282828;
            font-size: 14px;
            border-bottom: 1px solid #F8F8F8;
            display: block;
            /* text-indent: none; */
            text-decoration: none;
        }

            .list > div:first-child {
                margin-bottom: 5px;
                display: flex;
                width: calc(100% - 10px);
                align-items: center;
            }

                .list > div:first-child > div:first-child {
                    margin-right: 10px;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    word-break: break-all;
                }

                .list > div:first-child > div:last-child {
                    display: flex;
                    align-items: center;
                    width: 60px;
                }

        .time {
            color: #AEAEAE;
            font-size: 12px;
            text-align: right;
        }

        .newCss {
            width: 30px;
        }
    </style>
</head>
<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="total">
    共有<span id="totalCount"></span>条新闻资讯
</div>
<div id="content">
    <!--<a class="list" href="schoolNewsDetails.html">
        <div>
            <div>
                学校召开专业建设规划研讨会学校召开专业建设规划研讨会学校召开专业建设规划研讨会
            </div>
            <div>
                <img src="../Content/phone/imgs/new_icon.png" alt="" class="newCss">
            </div>

        </div>
        <div class="time">2021-03-29</div>
    </a>
    <a class="list" href="schoolNewsDetails.html">
        <div>
            <div>
                学校召开专业建设规划研讨会
            </div>
            <div>
                <img src="../Content/phone/imgs/new_icon.png" alt="" class="newCss">
            </div>
        </div>
        <div class="time">2021-03-29</div>
    </a>-->
</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/menu.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="server.js"></script>
<script type="text/javascript">
    $(function () {
        GetNews();
    });

    //获取学校新闻
    function GetNews() {
        $.ajax({
            url: serverurl + '/arrangelesson/GetSchoolNewList?categoryId=0',
            type: "GET",
            dataType: "json",
            async: true,
            cache: false,
            success: function (data) {
                var data = data.data;
                $('#totalCount').html(data.length);
                var html = '';
                for (var i = 0; i < data.length; i++) {
                    html += '<a class="list" href="schoolNewsDetails.html?type=1&Id=' + data[i].F_NewsId+'">';
                    html += '<div>';
                    html += '<div>' + data[i].F_FullHead +'</div>';
                    //html += '<div>';
                    //html += '<img src="../Content/phone/imgs/new_icon.png" alt="" class="newCss">';
                    //html += '</div>';
                    html += '</div>';
                    html += '<div class="time">' + data[i].F_ReleaseTime + '</div>';
                    html += '</a>';
                }
                
                $('#content').html(html);

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

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