liudan 2 years ago
commit c0bc9a0cd6
  1. 18
      about/about02.html
  2. 6
      about/about03.html
  3. 41
      css/style.css
  4. BIN
      images/chanye.png
  5. BIN
      images/zhengfu.png
  6. BIN
      images/董事长致辞_mobile.png
  7. 5
      js/common.js
  8. 2
      service/service12.html
  9. 92
      work/work.html

@ -102,16 +102,26 @@
<h2 class="wow fadeInDown">董事长致辞</h2>
<h2 class="wow fadeInDown">CHAIRMAN'S SPEECH</h2>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 wrap">
<img class="part-img" src="../images/董事长致辞@2x.png">
<div class="col-xs-12 col-sm-12 col-md-12 wrap" id="wrap">
</div>
</div>
</div>
</div>
<div id="footer"></div>
<script>
var content;
if(detectMobile()){
$('#wrap').empty();
content = "<img class='part-img' src='../images/董事长致辞_mobile.png'>";
$('#wrap').append(content);
}else{
$('#wrap').empty();
content = "<img class='part-img' src='../images/董事长致辞@2x.png'>";
$('#wrap').append(content);
}
</script>
</body>
</html>

@ -158,7 +158,7 @@
<div class="e-img-r"><img alt="" src="../images/section4-hover02.png"></div>
</div>
<div class="imgcontainer transition-3">
<img src="../images/服务保障@2x.png">
<img src="../images/yaosu3.png">
</div>
<div class="contentText transition-3">
<div class="contenttitle">服务保障</div>
@ -175,7 +175,7 @@
<div class="e-img-r"><img alt="" src="../images/section4-hover02.png"></div>
</div>
<div class="imgcontainer transition-3">
<img src="../images/yaosu3.png">
<img src="../images/zhengfu.png">
</div>
<div class="contentText transition-3">
<div class="contenttitle">政府引导</div>
@ -192,7 +192,7 @@
<div class="e-img-r"><img alt="" src="../images/section4-hover02.png"></div>
</div>
<div class="imgcontainer transition-3">
<img src="../images/yaosu4.png">
<img src="../images/chanye.png">
</div>
<div class="contentText transition-3">
<div class="contenttitle">产业背景</div>

@ -695,7 +695,7 @@ box-shadow: 4px 4px 10px #f9f9f9;}
.about_61 .wrap ul{ padding: 0; }
.about_61 .wrap li{ font-size: 16px; font-weight: bold; padding: 0;margin: 20 100 20 0;line-height: 36px;}
.about_61 .wrap li{ font-size: 16px; padding: 0;margin: 20 100 20 0;line-height: 36px;}
.about_61 .wrap .left{ padding: 0 20px 0 100px; margin: 0 0 50px 0; }
@ -1608,8 +1608,12 @@ footer .wrap .right select{
.about_31 .wrap .intro p:first-child{ margin-bottom: 10px;}
.about_31 .wrap img{height: 22vh;}
.about_51 .wrap-2 .list{ flex: 0 0 33%;}
.about_61 .wrap .left{padding: 0;}
#map { width: 100%!important;}
.about_61 .wrap{ margin-top: 10px;}
.about_61 .wrap li{font-size: 14px;line-height: 32px;}
#map { width: 100%!important;height: 30vh!important;}
.xietongbottom .xietongimg{ width: 80%;left: 10%;}
.xietongContent{ width: 80%;left: 10%;}
@ -1627,15 +1631,18 @@ footer .wrap .right select{
.contentList>.row>*{ width: 33.3%;}
/* .about_31 .title,.about_41 .title,.about_51 .title,.about_61 .title,.service_131 .title,.service_141 .title,.talent_02 .title{margin-top: 0!important;} */
.about_31 .title,.about_41 .title,.about_51 .title,.about_61 .title,.service_141 .title,.talent_02 .title{margin-top: 0!important;}
.about_31 .title,.about_41 .title,.about_51 .title,.about_61 .title,.service_141 .title,.talent_02 .title,.apply_box .title{margin-top: 0!important;}
.about_51 .wrap-1 .list{ flex: 0 0 25%;}
.about_51 .wrap-1 p{ font-size: 12px;margin: 0;}
.about_61 .wrap h2{ font-size: 20px;}
.about_61 .wrap h2{ font-size: 18px;margin-bottom: 10px;}
.about_61 .wrap .left{ margin-bottom: 10px;}
/* 业务版图 */
.service_31 .left{ margin: 0;padding: 15px;}
.service_31 .right{margin: 0;}
.service_31 .right{margin: 0;text-align: center;}
.service_31 .right img{ width: 80%;}
.section .electricContent img{ transform: translateX(0%)!important;}
.zhuanbeiItem .intro p, .zhuanbeiItem .intro1 p{ font-size: 20px;font-weight: bold;}
@ -1646,6 +1653,8 @@ footer .wrap .right select{
.section .imgContainer img{ transform: translate(-24%,50%);width: 180%!important;height: auto;}
/* .service_131 .container{ display: table-cell!important;vertical-align: middle!important;} */
.shengwu img{ width: 95%;}
.section-mater .intro p{ font-size: 16px;}
.section-mater .intro{ width: 150%;}
.service_132 .wrap .intro p{font-size: 18px;margin: 20px 0 10px 0;}
.service_132 .wrap .intro ul li{font-size: 14px;line-height:22px!important;}
@ -1655,13 +1664,18 @@ footer .wrap .right select{
.page-wrap li{ margin-right: 0;}
.section-mater .intro .p{ width: 100%;}
.service_141 .wrap .list{ flex: 0 0 30%;}
.service_141 .wrap{ justify-content: flex-start;padding: 0 0 0 4vw;}
/* 新闻 */
.news_01 li{ flex: 0 0 98%;}
.news_01 li .thumb{float: none;width: 100%;height: 180px;}
.news_11 li .time{ padding: 10px;}
.news_11 li .text a:first-child{ line-height: 30px;}
.news_11 li .time{ padding: 10px;display: flex;justify-content: center;flex-direction: column;}
.news_11 li .text a:first-child{ line-height: 24px;}
.news_11 li .time strong{ font-size: 20px;}
.news_11 li .time b{ font-size: 12px;}
.news_11 li .text{ padding: 5px 15px;}
.news_21 ul{ flex-direction:column;}
.news .search{ width: 90%!important;left: 2rem!important;top: -8rem!important;}
@ -1669,7 +1683,7 @@ footer .wrap .right select{
.news_detail .content h2,.work_detail .content h2{font-size: 20px;line-height: 32px; }
/* 党建 */
.contentContainer{margin-top: 0;}
.work.contentContainer{margin-top: 0!important;padding-top: 0!important;}
.details .toptitle h5 img{display: none;}
.toptitle{ display: block;}
.more img{ margin-left: 18%;}
@ -1680,8 +1694,10 @@ footer .wrap .right select{
.zhiding{top: 0;left: 0;right: auto;}
.leftcontent>a>img{ height: 32vh!important;}
.work .items{ height: 52vh;flex-direction:column;}
.work .items .left{ width: 100%; height: 28vh;}
.work .items .left{ width: 100%; height: 28vh;overflow: hidden;}
.items .right{flex: 0;}
.items .left img{ height: auto;transform: translateY(-20%);}
/* 人才 */
.talent_02 ul{padding: 0;}
@ -1689,6 +1705,13 @@ footer .wrap .right select{
.modal-dialog{ width: 95vw!important;}
.service_31 .intro{ font-size: 14px;line-height: 26px;}
/* 投资申请 */
.apply_box .wrap .left{ font-size: 14px;line-height: 28px;}
.apply_box .wrap .right{ font-size: 14px;line-height: 36px;height: 36px;}
.apply_box .apply_select{ font-size: 14px; height: 36px;}
.apply_box .wrap .form-group{ margin-bottom: 15px;}
.navbar{min-height: 50px; background-color: #404040;}
.navbar-default .navbar-brand {color: #fff; font-size: 16px;}

Binary file not shown.

After

Width:  |  Height:  |  Size: 461 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 460 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 836 KiB

@ -131,3 +131,8 @@ $(document).ready(function(){
var r = window.location.search.substr(1).match(reg);
if(r!=null)return unescape(r[2]); return null;
}
// 判断是否是手机端打开
function detectMobile() {
return ( ( window.innerWidth <= 800 ) );
}

@ -325,7 +325,7 @@
<!-- part4 -->
<div class="section4 section">
<div class="section4 section section-mater">
<div class="yaosu">
<div class="devide"></div>
<div class="title">先进材料</div>

@ -105,8 +105,17 @@
<script src="../js/work.js"></script>
<script type="text/javascript">
var pageCurrent = 1;
if(detectMobile()){
$('.leftcontent').empty();
work_render_mobile(pageCurrent);
}else{
rec_render();
work_render(pageCurrent);
}
// 新闻列表-党建工作-推荐
function rec_render(){
$.ajax({
@ -149,8 +158,6 @@
}
rec_render();
// 新闻列表-党建工作
function work_render(pageCurrent){
console.log(pageCurrent);
@ -237,7 +244,84 @@
}
work_render(pageCurrent);
// 新闻列表-党建工作-手机端
function work_render_mobile(pageCurrent){
console.log(pageCurrent);
if (pageCurrent < 1) {
alert('第一页');
} else {
// 获取列表
$.ajax({
type: 'post',
url: 'https://suzhou.njrenzhou.cn/api.php/news/articleList',
data:{
category_id:37,
page:pageCurrent,
limit:4,
order:'desc',
sort:'publish_time',
},
dataType: 'json',
// async:false,
success: function (res) {
if(res.code==200){
var item = res.data.data;
var html = '';
var page = '';
console.log(item);
newsNum = res.data.total;
pageNum = Math.ceil(newsNum/4);
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;
var flags = item[index].flags;
html += "<div class='items'>";
html += "<div class='left'><a href='detail.html?id=" + id + "' target='_blank'><img src=https://suzhou.njrenzhou.cn" + thumb + "></a></div>";
html += "<div class='right'><a href='detail.html?id=" + id + "' target='_blank'>" + title + "</a><div class='time'>" + time + "</div><p>"+ subtitle + "</p></div>";
html += "</div>";
})
$('.news_wrap').append(html);
// 页码渲染
page += "<li><a href='javascript:void(0)' onclick=work_render_mobile(" + pageCurrent + "-1)><</a></li>";
for (var index = 1; index <= pageNum; index++) {
if (index == pageCurrent) {
page += "<li class='active'><a href='javascript:void(0)' onclick=work_render_mobile(" + index + ")>" + index + "</a></li>";
}else{
page += "<li><a href='javascript:void(0)' onclick=work_render_mobile(" + index + ")>" + index + "</a></li>";
}
}
page += "<li><a href='javascript:void(0)' onclick=work_render_mobile(" + pageCurrent + "+1)>></a></li>";
$('.pageNum_wrap').append(page);
}
}
},
error: function (err) {
console.log(err);
}
});
}
}
</script>

Loading…
Cancel
Save