苏州创新投资
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
suzhou/news/news03.html

198 lines
7.0 KiB

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>苏州创新投资集团有限公司</title>
<meta name="Keywords" content="">
<meta name="Description" content="">
<meta name="applicable-device"content="pc,mobile">
<link rel="icon" href="" type="image/x-icon">
<link href="../css/bootstrap.css" rel="stylesheet">
<link href="../css/bxslider.css" rel="stylesheet">
<link href="../css/style.css" rel="stylesheet">
<link rel="stylesheet" href="../css/service12.css">
<link href="../css/animate.css" rel="stylesheet" >
<link rel="stylesheet" href="../css/footer.css">
<!--导航样式-->
<link rel="stylesheet" href="../css/head.css" />
<script src="../js/jquery.min.js"></script>
<script src="../js/bootstrap.js"></script>
<script src="../js/common.js"></script>
</head>
<body>
<div id="header"></div>
<!-- part0 -->
<div class="section section0 fp-auto-height fp-section">
<div style="position: relative;">
<img src="../images/新闻中心-banner@2x.png" class="bgimage" alt="">
<div class="titlecontent">
<p class="title1">媒体聚焦</p>
<p class="subtitle">FUND CLUSTER</p>
</div>
<div class="container navcontent">
<div class="row">
<a href="news01.html" class="col-xs-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4 navitem">
<div class="navtitle">集团要闻</div>
<div class="navsubtitle">GROUP NEWS</div>
</a>
<a href="news02.html" class="col-xs-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4 navitem">
<div class="navtitle">企业动态</div>
<div class="navsubtitle">ENTERPRISE DYNAMICS</div>
</a>
<a href="news03.html" class="navaction col-xs-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4 navitem">
<div class="navtitle">媒体聚焦</div>
<div class="navsubtitle">MEDIA FOCUS</div>
</a>
</div>
</div>
</div>
</div>
<!-- part1 -->
<div class="news news_21">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 wrap">
<div class="search">
<input type="text" name="title" id="search" class="form-control right" placeholder="搜索关键词">
<img src="../images/搜索.png" onclick="searchNews()">
</div>
<ul class="news_wrap">
<!-- <li class="list">
<img src="../images/首页-第四页bg.jpg">
<div class="text">
<a href="detail.html" target="_blank">苏创投旗下天使母基金首次以数字人民币对子基金项目出资</a><br>
<p>2022-10-22</p>
</div>
</li> -->
</ul>
</div>
</div>
</div>
</div>
<div class="page_box">
<div class="container">
<div class="row">
<nav class="col-xs-12 col-sm-12 col-md-12 col-md-offset-1 page-wrap">
<ul class="pagination pagination-lg justify-content-center pageNum_wrap" id="pagination">
<!-- <li><a href="">首页</a></li>
<li class="active"><a href="">1</a></li>
<li><a href="">2</a></li>
<li><a href="">3</a></li>
<li><a href="">4</a></li>
<li><a href="">尾页</a></li> -->
</ul>
</nav>
</div>
</div>
</div>
<div id="footer"></div>
<script type="text/javascript">
var pageCurrent = 1;
var searchContent = '';
function searchNews(){
searchContent = $('#search').val();
news03_render(pageCurrent);
}
// 新闻列表-媒体聚集35
function news03_render(pageCurrent){
console.log(pageCurrent);
if (pageCurrent < 1) {
alert('第一页');
}else{
$.ajax({
type: 'post',
url: 'https://suzhou.njrenzhou.cn/api.php/news/articleList',
data:{
category_id:35,
page:pageCurrent,
order:'desc',
sort:'publish_time',
search:searchContent
},
dataType: 'json',
success: function (res) {
if(res.code==200){
let item = res.data.data;
let html = '';
let page = '';
console.log(item);
newsNum = res.data.total;
pageNum = Math.ceil(newsNum/10);
if (pageNum==0) {
$('.news_wrap').empty();
$('.pageNum_wrap').empty();
html = "<p class='textNo'>无内容</p>";
$('.news_wrap').append(html);
}
else if (pageCurrent > pageNum) {
alert('最后一页');
} else {
// 内容渲染
$('.news_wrap').empty();
$('.pageNum_wrap').empty();
$.each(item,function(index){
var title = item[index].title;
var subtitle = item[index].subtitle;
var time = item[index].publish_time_text.substr(0,11);
var thumb = item[index].thumb;
var id = item[index].id;
html += "<li class='list'>";
html += "<a href='detail.html?id=" + id + "' target='_blank'><img src=https://suzhou.njrenzhou.cn" + thumb + "></a>";
html += "<div class='text'><a href='detail.html?id=" + id + "' target='_blank'>" + title + "</a><br><p>" + time + "</p>";
html += "</div></li>";
})
$('.news_wrap').append(html);
// 页码渲染
page += "<li><a href='javascript:void(0)' onclick=news03_render(" + pageCurrent + "-1)><</a></li>";
for (let index = 1; index <= pageNum; index++) {
if (index == pageCurrent) {
page += "<li class='active'><a href='javascript:void(0)' onclick=news03_render(" + index + ")>" + index + "</a></li>";
}else{
page += "<li><a href='javascript:void(0)' onclick=news03_render(" + index + ")>" + index + "</a></li>";
}
}
page += "<li><a href='javascript:void(0)' onclick=news03_render(" + pageCurrent + "+1)>></a></li>";
$('.pageNum_wrap').append(page);
}
}
},
error: function (err) {
console.log(err);
}
});
}
}
news03_render(pageCurrent);
</script>
</body>
</html>