<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--360浏览器优先以webkit内核解析-->
    <title>若依介绍</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../static/css/style.min.css" th:href="@{/css/style.min.css}" rel="stylesheet"/>
	<style>
		.box{
			width: 98%;
			height: 99%;
			margin: 0 auto;
			background-color: #fff;
			padding:10px;
			text-align: center;
            font-family: 楷体, SimKai;
            font-family: "宋体";
		}
        .content{
            width: 94%;
            height: 92%;
            margin: 0 auto;
            text-align: left;
            overflow: auto;
            border: 1px solid;
            padding: 24px;
        }
		h1, h2, h3 {
			margin-bottom: 10px;
			color:#000000;
            font-weight: bold;
            font-size: 18px;
		}
		p {
			margin-bottom: 20px;
            font-size: 18px;
            color: #000000;
		}
        p span{
            font-weight: bold;
        }
        li{
            list-style: none;
            font-size: 18px;
            color: #000000;
            margin-bottom: 5px;
        }
        ::-webkit-scrollbar {
            width: 8px;
        }
        /* 背景色 */
        ::-webkit-scrollbar-track {
            background: #f1f1f1;
        }
        /* 滑块 */
        ::-webkit-scrollbar-thumb {
            background: #a1a1a1;
            border-radius: 20px;
        }

        /* 滑块悬停时 */
        ::-webkit-scrollbar-thumb:hover {
            background: #7a7a7a;
        }
        a{
            color: #000000;
        }
        .title{
            margin-top: 2px;
            margin-bottom: 2px;
            text-align: center;
            font-size: 24px;
            text-indent: 0em;
            font-weight: bold;
            color: #000000;
        }
        p{
            margin-bottom: 14px !important;
           /* text-align: left !important;*/
            color: rgb(0 0 0) !important;
        }
        .content > *:first-child{
            margin-bottom: 0 !important;
            text-align: center !important;
        }
        .content > *:nth-child(2){
            margin-bottom: 0 !important;
        }
        .content > *:nth-child(3){
            margin-bottom: 0 !important;
        }
        .content > *:nth-child(4){
            margin-bottom: 0 !important;
        }
	</style>
</head>

<body class="gray-bg" style="padding-top: 14px">
	<div class="box">
        <div class="title">

        </div>
        <br>
        <div class="content">

        </div>
	</div>
</body>
</html>
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
<th:block th:include="include :: footer" />
<script type="text/javascript">
    var prefix = ctx+ "system/notice/getNotice";
	$('#pay-qrcode').click(function(){
		var html=$(this).html();
		parent.layer.open({
			title: false,
			type: 1,
			closeBtn:false,
			shadeClose:true,
			area: ['600px', '360px'],
			content: html
		});
	});
    $.ajax({
        url: prefix,
        type: "get",
        dataType: "json",
        success: function (data) {
            if (data.code == 0) {
                $(".content").html(data.data.noticeContent);
                $(".title").html(data.data.noticeTitle);
            } else {
                $(".content").html("暂无公告");
            }
        }
    })
</script>
