710 lines
23 KiB
Plaintext
710 lines
23 KiB
Plaintext
|
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="mainMenu_Party.aspx.cs" Inherits="FineUIPro.Web.common.mainMenu_Party" %>
|
|||
|
|
|
|||
|
|
<!DOCTYPE html>
|
|||
|
|
|
|||
|
|
<html>
|
|||
|
|
<head id="Head1" runat="server">
|
|||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|||
|
|
<title>首页</title>
|
|||
|
|
<link href="../res/index/css/reset.css" rel="stylesheet" />
|
|||
|
|
<link href="../res/index/css/home.css" rel="stylesheet" />
|
|||
|
|
<link href="../res/index/css/swiper-3.4.2.min.css" rel="stylesheet" />
|
|||
|
|
<style type="text/css">
|
|||
|
|
* {
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.flexV {
|
|||
|
|
flex-direction: column;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.wrap {
|
|||
|
|
height: 100%;
|
|||
|
|
padding: 15px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bottom-wrap {
|
|||
|
|
padding: 0;
|
|||
|
|
margin-bottom: 5px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bottom-wrap:last-child {
|
|||
|
|
margin-bottom: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bw-item-content {
|
|||
|
|
padding: 5px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.top {
|
|||
|
|
display: flex;
|
|||
|
|
display: -webkit-flex;
|
|||
|
|
overflow: hidden;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bw-b-bottom {
|
|||
|
|
/* width: 100%;*/
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.itemlr {
|
|||
|
|
margin: 0 5px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bw-b-bottom-up {
|
|||
|
|
border-radius: 0;
|
|||
|
|
height: 100%;
|
|||
|
|
margin: 0;
|
|||
|
|
box-shadow: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.yj-info {
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
color: red;
|
|||
|
|
font-size: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.yj-info .tit {
|
|||
|
|
font-weight: 700;
|
|||
|
|
margin-bottom: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.yj-info .tel {
|
|||
|
|
font-weight: 700;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tab-wrap {
|
|||
|
|
left: auto;
|
|||
|
|
right: 15px;
|
|||
|
|
top: 5px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tab .t-item {
|
|||
|
|
width: auto;
|
|||
|
|
padding: 5px 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bottom-list {
|
|||
|
|
height: 100px;
|
|||
|
|
padding: 15px;
|
|||
|
|
overflow: hidden;
|
|||
|
|
color: #fff;
|
|||
|
|
margin: 0 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bottom-list .bl-left {
|
|||
|
|
float: left;
|
|||
|
|
margin-right: 30px;
|
|||
|
|
margin-left: 50px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bottom-list .bl-right {
|
|||
|
|
float: right;
|
|||
|
|
margin-right: 50px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tab .t-item {
|
|||
|
|
font-size: 12px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.content-body {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
flex: 3;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.content-body .content-item {
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.part-item {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.part-tag {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
background-color: #107ca2;
|
|||
|
|
opacity: 0.8;
|
|||
|
|
flex: 1;
|
|||
|
|
border-radius: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.part-tag + .part-tag {
|
|||
|
|
margin-left: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.item-top {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
font-size: 20px;
|
|||
|
|
color: #fff;
|
|||
|
|
border-bottom: 1px solid #f2f2f2;
|
|||
|
|
padding: 10px 0px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.unit {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: flex-end;
|
|||
|
|
text-align: right;
|
|||
|
|
font-size: 16px;
|
|||
|
|
padding-right: 30px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.num {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
flex: 1;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.unit-btn {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
padding: 10px 0px;
|
|||
|
|
font-size: 16px;
|
|||
|
|
color: #fff;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.do-btn {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
background-color: #107ca2;
|
|||
|
|
opacity: 0.8;
|
|||
|
|
flex: 1;
|
|||
|
|
border-radius: 10px;
|
|||
|
|
padding: 20px 0px;
|
|||
|
|
color: #fff;
|
|||
|
|
}
|
|||
|
|
.base-wrap{
|
|||
|
|
padding:15px 10px;
|
|||
|
|
height:100%;
|
|||
|
|
}
|
|||
|
|
.base-wrap .base-tit{
|
|||
|
|
font-size:12px;
|
|||
|
|
color:#fff;
|
|||
|
|
}
|
|||
|
|
.base-wrap .base-txt-wrap{
|
|||
|
|
margin-top:5px;
|
|||
|
|
background-color:#0B508B;
|
|||
|
|
border-radius:5px;
|
|||
|
|
color:#FFAE72;
|
|||
|
|
height:100%;
|
|||
|
|
align-items:center;
|
|||
|
|
justify-content:space-around;
|
|||
|
|
}
|
|||
|
|
.base-wrap .base-txt-wrap .num-1{
|
|||
|
|
background-color:#2A759C;
|
|||
|
|
padding:5px;
|
|||
|
|
font-size:40px;
|
|||
|
|
}
|
|||
|
|
.yj-info-1{
|
|||
|
|
height:100%;
|
|||
|
|
}
|
|||
|
|
.yj-info-1-list{
|
|||
|
|
color:#fff;
|
|||
|
|
}
|
|||
|
|
.yj-info-1 .telbg{
|
|||
|
|
height:100%;
|
|||
|
|
width:85px;
|
|||
|
|
background: url(../res/index/images/tel.png) center center no-repeat;
|
|||
|
|
background-size: contain;
|
|||
|
|
}
|
|||
|
|
.yj-info-1-list-item{
|
|||
|
|
padding:0 5px;
|
|||
|
|
background-color:#2A759C;
|
|||
|
|
margin-bottom:5px;
|
|||
|
|
font-size:12px;
|
|||
|
|
align-items:center;
|
|||
|
|
justify-content:center;
|
|||
|
|
}
|
|||
|
|
.yj-info-1-list-item:last-child{
|
|||
|
|
margin-bottom:0;
|
|||
|
|
}
|
|||
|
|
.yj-info-1-list-item .telnum{
|
|||
|
|
text-align:center;
|
|||
|
|
align-items:center;
|
|||
|
|
justify-content:center;
|
|||
|
|
display:flex;
|
|||
|
|
}
|
|||
|
|
.yj-info-1-info{
|
|||
|
|
color:#fff;
|
|||
|
|
background-color:#2A759C;
|
|||
|
|
text-align:center;
|
|||
|
|
font-size:16px;
|
|||
|
|
height:40px;
|
|||
|
|
line-height:40px;
|
|||
|
|
margin-top:5px;
|
|||
|
|
}
|
|||
|
|
.info-wrap{
|
|||
|
|
width:100%;
|
|||
|
|
height:100%;
|
|||
|
|
padding:5px 10px;
|
|||
|
|
}
|
|||
|
|
.info-wrap .info-item{
|
|||
|
|
align-items:center;
|
|||
|
|
justify-content: center;
|
|||
|
|
margin:0 20px;
|
|||
|
|
}
|
|||
|
|
.info-wrap .info-item .title {
|
|||
|
|
margin-bottom:5px;
|
|||
|
|
font-size:14px;
|
|||
|
|
}
|
|||
|
|
.info-wrap .info-item .item {
|
|||
|
|
width:100%;
|
|||
|
|
height: 40%;
|
|||
|
|
background-color:#267AA4;
|
|||
|
|
border-radius:15px;
|
|||
|
|
align-items:center;
|
|||
|
|
justify-content:space-around;
|
|||
|
|
}
|
|||
|
|
.info-wrap .info-item .item .i-num{
|
|||
|
|
color:#F48A5C;
|
|||
|
|
font-size:28px;
|
|||
|
|
}
|
|||
|
|
.info-wrap .info-item .item .i-num-c{
|
|||
|
|
color:#C1DF8E;
|
|||
|
|
}
|
|||
|
|
.tab .t-item {
|
|||
|
|
width: auto;
|
|||
|
|
padding: 5px 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tit-item {
|
|||
|
|
padding: 0 10px;
|
|||
|
|
color: #fff;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
font-size: 12px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tip-item {
|
|||
|
|
margin-left: 10px;
|
|||
|
|
align-items: center;
|
|||
|
|
font-size: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tip {
|
|||
|
|
width: 25px;
|
|||
|
|
height: 13px;
|
|||
|
|
background-color: #258F76;
|
|||
|
|
border-radius: 2px;
|
|||
|
|
margin-right: 5px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tip-next {
|
|||
|
|
background-color: #92BF55;
|
|||
|
|
}
|
|||
|
|
.mglone{
|
|||
|
|
margin-left: 2px;
|
|||
|
|
}
|
|||
|
|
.mgrone{
|
|||
|
|
margin-right: 2px;
|
|||
|
|
}
|
|||
|
|
.mgbone{
|
|||
|
|
margin-bottom: 2px;
|
|||
|
|
}
|
|||
|
|
.pdtb0{
|
|||
|
|
padding-top:0 !important;
|
|||
|
|
padding-bottom:0 !important;
|
|||
|
|
}
|
|||
|
|
.tit-center{
|
|||
|
|
text-align:center;
|
|||
|
|
font-size:12px;
|
|||
|
|
}
|
|||
|
|
.tit-one{
|
|||
|
|
padding: 10px 0;
|
|||
|
|
}
|
|||
|
|
.content-ul .c-item .tit {
|
|||
|
|
display:block;
|
|||
|
|
position:relative;
|
|||
|
|
padding-left: 2em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
.content-ul .c-item .tit::before {
|
|||
|
|
content: '';
|
|||
|
|
position: absolute;
|
|||
|
|
border-color: #57B8BD;
|
|||
|
|
border-style: solid;
|
|||
|
|
border-width: 0.25em;
|
|||
|
|
height: 0;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0.6em;
|
|||
|
|
margin-top: 0.5em;
|
|||
|
|
width: 0;
|
|||
|
|
border-radius:50%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.content-ul .c-item .tit-read::before {
|
|||
|
|
content: '';
|
|||
|
|
position: absolute;
|
|||
|
|
border-color: #ffffff;
|
|||
|
|
border-style: solid;
|
|||
|
|
border-width: 0.25em;
|
|||
|
|
height: 0;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0.6em;
|
|||
|
|
margin-top: 0.25em;
|
|||
|
|
width: 0;
|
|||
|
|
border-radius:50%
|
|||
|
|
}
|
|||
|
|
.content-ul .c-item .tit .tit-t{
|
|||
|
|
flex:1;
|
|||
|
|
min-width: 0;
|
|||
|
|
overflow: hidden;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
word-break: keep-all;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.content-ul .c-item.disabled .tit::before{
|
|||
|
|
display:none !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.content-ul .c-item .tit .tit-v{
|
|||
|
|
margin-left: 12px;
|
|||
|
|
width: 80px;
|
|||
|
|
}
|
|||
|
|
.top-wrap{
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items:center;
|
|||
|
|
/*上移，数字能居中*/
|
|||
|
|
margin-top:-18px;
|
|||
|
|
}
|
|||
|
|
.top-desc{
|
|||
|
|
margin-bottom: 15px;
|
|||
|
|
width:100%;
|
|||
|
|
padding: 0 10px;
|
|||
|
|
}
|
|||
|
|
.content-1 {
|
|||
|
|
width: 100%;
|
|||
|
|
margin-bottom: 5px;
|
|||
|
|
align-items: center;
|
|||
|
|
padding:0 15px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.content-1 .cc-num-wrap {
|
|||
|
|
justify-content: space-around;
|
|||
|
|
align-items:center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.content-1 .cc-num-wrap .cc-num {
|
|||
|
|
color: #F4B286;
|
|||
|
|
background-color: #4967AD;
|
|||
|
|
font-size: 38px;
|
|||
|
|
/* padding: 0 2px; */
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
height: 60px;
|
|||
|
|
width: 40px;
|
|||
|
|
border-radius:6px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.content-1 .unit1 {
|
|||
|
|
margin-left: 6px;
|
|||
|
|
font-size: 16px;
|
|||
|
|
color: #fff;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tab-tit{
|
|||
|
|
padding:10px;
|
|||
|
|
height:40px;
|
|||
|
|
}
|
|||
|
|
.swiper-container-img {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
.swiper-container-img .swiper-slide {
|
|||
|
|
text-align: center;
|
|||
|
|
font-size: 18px;
|
|||
|
|
/*background: #000;*/
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.swiper-container-img .swiper-slide img {
|
|||
|
|
/*图片的宽高自动，可以设置100%撑满*/
|
|||
|
|
width: 100%;
|
|||
|
|
height: auto;
|
|||
|
|
max-width: 100%;
|
|||
|
|
max-height: 100%;
|
|||
|
|
-ms-transform: translate(-50%, -50%);
|
|||
|
|
-webkit-transform: translate(-50%, -50%);
|
|||
|
|
-moz-transform: translate(-50%, -50%);
|
|||
|
|
transform: translate(-50%, -50%);
|
|||
|
|
position: absolute;
|
|||
|
|
left: 50%;
|
|||
|
|
top: 50%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.swiper-container-img .swiper-slide .title {
|
|||
|
|
font-size: 16px;
|
|||
|
|
font-weight: 300;
|
|||
|
|
position: relative;
|
|||
|
|
z-index: 99;
|
|||
|
|
color: #0B508B;
|
|||
|
|
text-align: left;
|
|||
|
|
text-indent: 45px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
</style>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div class="wrap flex flexV">
|
|||
|
|
<div class="bottom-wrap flex1">
|
|||
|
|
<div class="top flex">
|
|||
|
|
<div class="bw-b-bottom flex1 mgrone">
|
|||
|
|
<div class="bw-b-bottom-up flex flexV">
|
|||
|
|
<div class="tab-tit">组织生活会</div>
|
|||
|
|
<div class="bw-item-content flex1">
|
|||
|
|
<!-- Swiper -->
|
|||
|
|
<div class="swiper-container swiper-container-img" id="swiperImg">
|
|||
|
|
<div class="swiper-wrapper">
|
|||
|
|
<%= swiperHtml1 %>
|
|||
|
|
<%--<div class="swiper-slide">
|
|||
|
|
<div class="title">Slide 1</div>
|
|||
|
|
<!-- Required swiper-lazy class and image source specified in data-src attribute -->
|
|||
|
|
<img data-src="http://lorempixel.com/1600/1200/nature/1" class="swiper-lazy">
|
|||
|
|
<!-- Preloader image -->
|
|||
|
|
<div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="swiper-slide">
|
|||
|
|
<div class="title">Slide 2</div>
|
|||
|
|
<img data-src="http://lorempixel.com/1600/1200/nature/2" class="swiper-lazy">
|
|||
|
|
<div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="swiper-slide">
|
|||
|
|
<div class="title">Slide 3</div>
|
|||
|
|
<img data-src="http://lorempixel.com/1600/1200/nature/3" class="swiper-lazy">
|
|||
|
|
<div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="swiper-slide">
|
|||
|
|
<div class="title">Slide 4</div>
|
|||
|
|
<img data-src="http://lorempixel.com/1600/1200/nature/4" class="swiper-lazy">
|
|||
|
|
<div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="swiper-slide">
|
|||
|
|
<div class="title">Slide 5</div>
|
|||
|
|
<img data-src="http://lorempixel.com/1600/1200/nature/5" class="swiper-lazy">
|
|||
|
|
<div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="swiper-slide">
|
|||
|
|
<div class="title">Slide 6</div>
|
|||
|
|
<img data-src="http://lorempixel.com/1600/1200/nature/6" class="swiper-lazy">
|
|||
|
|
<div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
|
|||
|
|
</div>--%>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<!-- Add Pagination -->
|
|||
|
|
<div class="swiper-pagination swiper-pagination-white"></div>
|
|||
|
|
<!-- Navigation -->
|
|||
|
|
<div class="swiper-button-next swiper-button-white"></div>
|
|||
|
|
<div class="swiper-button-prev swiper-button-white"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="bw-b-bottom flex1">
|
|||
|
|
<div class="bw-b-bottom-up flex flexV">
|
|||
|
|
<div class="tab-tit">主题党日活动</div>
|
|||
|
|
<div class="bw-item-content flex1">
|
|||
|
|
<!-- Swiper -->
|
|||
|
|
<div class="swiper-container swiper-container-img" id="swiperImg1">
|
|||
|
|
<div class="swiper-wrapper">
|
|||
|
|
<%= swiperHtml2 %>
|
|||
|
|
<%--<div class="swiper-slide">
|
|||
|
|
<div class="title">Slide 1</div>
|
|||
|
|
<!-- Required swiper-lazy class and image source specified in data-src attribute -->
|
|||
|
|
<img data-src="http://lorempixel.com/1600/1200/nature/1" class="swiper-lazy">
|
|||
|
|
<!-- Preloader image -->
|
|||
|
|
<div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="swiper-slide">
|
|||
|
|
<div class="title">Slide 2</div>
|
|||
|
|
<img data-src="http://lorempixel.com/1600/1200/nature/2" class="swiper-lazy">
|
|||
|
|
<div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="swiper-slide">
|
|||
|
|
<div class="title">Slide 3</div>
|
|||
|
|
<img data-src="http://lorempixel.com/1600/1200/nature/3" class="swiper-lazy">
|
|||
|
|
<div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="swiper-slide">
|
|||
|
|
<div class="title">Slide 4</div>
|
|||
|
|
<img data-src="http://lorempixel.com/1600/1200/nature/4" class="swiper-lazy">
|
|||
|
|
<div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="swiper-slide">
|
|||
|
|
<div class="title">Slide 5</div>
|
|||
|
|
<img data-src="http://lorempixel.com/1600/1200/nature/5" class="swiper-lazy">
|
|||
|
|
<div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="swiper-slide">
|
|||
|
|
<div class="title">Slide 6</div>
|
|||
|
|
<img data-src="http://lorempixel.com/1600/1200/nature/6" class="swiper-lazy">
|
|||
|
|
<div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
|
|||
|
|
</div>--%>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<!-- Add Pagination -->
|
|||
|
|
<div class="swiper-pagination swiper-pagination-white"></div>
|
|||
|
|
<!-- Navigation -->
|
|||
|
|
<div class="swiper-button-next swiper-button-white"></div>
|
|||
|
|
<div class="swiper-button-prev swiper-button-white"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="bottom-wrap flex1">
|
|||
|
|
<div class="top flex">
|
|||
|
|
<div class="bg-item flex1 mgrone" id="divJD_wrap" style="margin-bottom:0;">
|
|||
|
|
<div class="bw-item-content flex flexV" style="padding:0;">
|
|||
|
|
<div class="tit-new">党员先锋岗、示范岗</div>
|
|||
|
|
<div class="" style="padding: 0 10px 0; overflow: hidden;">
|
|||
|
|
<div class="swiper-container " id='swiper1' runat="server">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="bg-item flex1" style="margin-bottom:0;">
|
|||
|
|
<div class="bw-item-content flex flexV" style="padding:0;">
|
|||
|
|
<div class="tit-new">党史学习教育</div>
|
|||
|
|
<div class="" style="padding: 0 10px 0; overflow: hidden;">
|
|||
|
|
<div class="swiper-container " id='swiper2' runat="server">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
<script type="text/javascript" src="../res/index/js/jquery-3.4.1.min.js"></script>
|
|||
|
|
<script type="text/javascript" src="../res/index/js/swiper-3.4.2.jquery.min.js"></script>
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
var basePath = '<%= ResolveUrl("~/") %>';
|
|||
|
|
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
<!-- Swiper JS -->
|
|||
|
|
<script src="../package/swiper-bundle.min.js"></script>
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
$(document).ready(function () {
|
|||
|
|
var widthImg = $(".swiper-container-img").width();
|
|||
|
|
$(".swiper-container-img").css("width", widthImg + 'px')
|
|||
|
|
|
|||
|
|
var swiperImg = new Swiper('#swiperImg', {
|
|||
|
|
nextButton: '.swiper-button-next',
|
|||
|
|
prevButton: '.swiper-button-prev',
|
|||
|
|
pagination: '.swiper-pagination',
|
|||
|
|
paginationClickable: true,
|
|||
|
|
// Disable preloading of all images
|
|||
|
|
preloadImages: false,
|
|||
|
|
// Enable lazy loading
|
|||
|
|
lazyLoading: true,
|
|||
|
|
autoplay: 3000,
|
|||
|
|
loop: true,
|
|||
|
|
preventClicks: true
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
var swiperImg1 = new Swiper('#swiperImg1', {
|
|||
|
|
nextButton: '.swiper-button-next',
|
|||
|
|
prevButton: '.swiper-button-prev',
|
|||
|
|
pagination: '.swiper-pagination',
|
|||
|
|
paginationClickable: true,
|
|||
|
|
// Disable preloading of all images
|
|||
|
|
preloadImages: false,
|
|||
|
|
// Enable lazy loading
|
|||
|
|
lazyLoading: true,
|
|||
|
|
autoplay: 3000,
|
|||
|
|
loop: true,
|
|||
|
|
preventClicks: false
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
$("#swiperImg,#swiperImg1").on('click', '.swiper-slide', function () {
|
|||
|
|
var data = $(this).attr("data-id");
|
|||
|
|
window.open(data);
|
|||
|
|
});
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
var slidesNum = 5
|
|||
|
|
var mySwiper = null
|
|||
|
|
var mySwiper_JD = null
|
|||
|
|
var slidesNum_JD = 15
|
|||
|
|
var swiper3 = '<%=swiper3 %>'
|
|||
|
|
var accident = { "title": "质量事故", "xFontNum": 0, "legend": null, "categories": ["潮州华瀛", "黄州危废", "山东滨州首站", "嘉盛工程", "湘渝盐化", "东华能源", "广汇启东", "重庆涪陵", "开阳PPA项目", "广西华谊", "金新锅炉", "兴力项目", "济民可信", "哈密广汇", "俄罗斯", "印尼罐区", "印度TALCHER", "天津渤化", "宜都兴发", "图克二期", "云华安"], "series": [{ "name": null, "type": null, "data": [0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0], "data2": [0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0], "data3": [0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0], "data4": [34.56, 37.80, 21.00, 0.00, 6.00, 29.45, 43.12, 29.00, 0.00, 2.84, 95.00, 95.00, 90.00, 23.00, 39.00, 15.00, 17.23, 50.00, 99.00, 86.00, 64.00], "dataString": null, "dataObject": null, "jd": null, "sg": null, "time": null, "ht": null, "convert": null, "pieData": null, "loc": null }], "series2": null }
|
|||
|
|
$(document).ready(function () {
|
|||
|
|
var height = $("#divJD_wrap").height() - 30
|
|||
|
|
var width = $("#divJD_wrap").width()
|
|||
|
|
$("#swiper1").css("height", (height) + 'px').css("width", (width - 30) + 'px')
|
|||
|
|
slidesNum = Math.floor((height) / 24)
|
|||
|
|
$("#swiper1").html(swiper3)
|
|||
|
|
mySwiper = new Swiper('#swiper1', {
|
|||
|
|
autoplay: 3000,//可选选项，自动滑动
|
|||
|
|
direction: 'vertical',
|
|||
|
|
loop: true,
|
|||
|
|
slidesPerView: 7
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
|
|||
|
|
$("#swiper2").css("height", (height) + 'px').css("width", (width - 30) + 'px')
|
|||
|
|
var swiper4 = '<%=swiper4 %>'
|
|||
|
|
$("#swiper2").html(swiper4)
|
|||
|
|
if (accident.categories.length > slidesNum) {
|
|||
|
|
mySwiper_JD = new Swiper('#swiper2', {
|
|||
|
|
autoplay: 3000,//可选选项，自动滑动
|
|||
|
|
direction: 'vertical',
|
|||
|
|
loop: true,
|
|||
|
|
slidesPerView: 7
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
</script>
|
|||
|
|
<script>
|
|||
|
|
// 点击列表
|
|||
|
|
$("#swiper1").on('click', 'li', function () {
|
|||
|
|
var $this = $(this)
|
|||
|
|
var data = $this.attr("data-id")
|
|||
|
|
var noticeId = $this.attr("notice-id")
|
|||
|
|
|
|||
|
|
//$(".project-list-wrap").show();
|
|||
|
|
//return
|
|||
|
|
if (data != "") {
|
|||
|
|
//Window1.GetShowReference(data) + "return false;";
|
|||
|
|
//document.getElementById("hdNoticeId").value = noticeId;
|
|||
|
|
//document.getElementById("imgBtn").click();
|
|||
|
|
window.open(data);
|
|||
|
|
//top.window.location.reload();
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
|
|||
|
|
// 点击列表
|
|||
|
|
$("#swiper2").on('click', 'li', function () {
|
|||
|
|
var $this = $(this)
|
|||
|
|
var data = $this.attr("data-id")
|
|||
|
|
var noticeId = $this.attr("notice-id")
|
|||
|
|
|
|||
|
|
//$(".project-list-wrap").show();
|
|||
|
|
//return
|
|||
|
|
if (data != "") {
|
|||
|
|
//Window1.GetShowReference(data) + "return false;";
|
|||
|
|
//document.getElementById("hdNoticeId").value = noticeId;
|
|||
|
|
//document.getElementById("imgBtn").click();
|
|||
|
|
window.open(data);
|
|||
|
|
//top.window.location.reload();
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
</script>
|
|||
|
|
</html>
|