commit
7738708ea1
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,461 @@
|
||||
@charset "utf-8";
|
||||
body{ font-family:pingfang-r,"微软雅黑","思源黑体"; margin:0; padding:0; color: #444;}
|
||||
p,dl,dd,ul,ol,li,h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
|
||||
h1,h2,h3,h4,h5,h6,dt{ font-weight:normal;}
|
||||
li{ list-style:none;}
|
||||
a{text-decoration:none;}
|
||||
a:focus, a:hover{text-decoration:none;}
|
||||
img{ border: none; outline: none;}
|
||||
input,button{ border:none; outline:none; background: none;}
|
||||
button:hover,button:focus,button:active{ outline: none; }
|
||||
input::-moz-placeholder{ color: #aaa;}
|
||||
input:-ms-input-placeholder { color: #aaa; }
|
||||
input::-webkit-input-placeholder{ color:#aaa; }
|
||||
input::placeholder{ color:#aaa; }
|
||||
textarea::-moz-placeholder{color:#aaa; }
|
||||
textarea:-ms-input-placeholder { color:#aaa; }
|
||||
textarea::-webkit-input-placeholder{ color:#aaa; }
|
||||
|
||||
|
||||
.clear{clear: both; margin: 0; padding: 0;}
|
||||
.clearfix:after{ content: ""; display:block; height: 0; clear: both; visibility: hidden;}
|
||||
.clearfix{*zoom:1;}
|
||||
/*谷哥滚动条样式*/
|
||||
::-webkit-scrollbar {width:5px;height:5px;position:absolute}
|
||||
::-webkit-scrollbar-thumb {background-color:#5bc0de}
|
||||
::-webkit-scrollbar-track {background-color:#ddd}
|
||||
body,html{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
body{
|
||||
background-size: 100% auto;
|
||||
}
|
||||
.fl{
|
||||
float: left;
|
||||
}
|
||||
.fr{
|
||||
float: right;
|
||||
}
|
||||
.main{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.mainhead{
|
||||
overflow: hidden;
|
||||
height: 1.2rem;
|
||||
width: 100%;
|
||||
padding: 0 .4rem;
|
||||
background: url(../images/headbg.png) no-repeat left bottom;
|
||||
background-size: 100% auto;
|
||||
box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
}
|
||||
.mainhead .logobox{
|
||||
margin-top: .22rem;
|
||||
width: 33.2%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.mainhead .logobox img{
|
||||
width: 56.4%;
|
||||
height: auto;
|
||||
}
|
||||
.mainhead .logobox span{
|
||||
font-size: .2rem;
|
||||
color: rgba(183,239,255,.5);
|
||||
font-weight: bold;
|
||||
margin-left: 6px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.navbox{
|
||||
margin-top: .24rem;
|
||||
text-align: right;
|
||||
}
|
||||
.navbox li{
|
||||
display: inline-block;
|
||||
line-height: .42rem;
|
||||
margin-right: .5rem;
|
||||
}
|
||||
.navbox li a{
|
||||
font-size: .2rem;
|
||||
color:#02f7f4;
|
||||
width:auto;
|
||||
border:none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.navbox li a.islogin{
|
||||
font-size: .2rem;
|
||||
color: #fff;
|
||||
border: 1px solid #02f7f4;
|
||||
/* padding: 10px; */
|
||||
display: inline-block;
|
||||
border-radius: 50%;
|
||||
width: 55px;
|
||||
height: 55px;
|
||||
background: transparent;
|
||||
text-align: center;
|
||||
margin-top: -10px;
|
||||
line-height: 55px;
|
||||
box-shadow: 0 0 5px 0px #b7efff;
|
||||
}
|
||||
.navbox li a:hover{
|
||||
color: #02f7f4;
|
||||
}
|
||||
.main .main-content{
|
||||
width: 100%;
|
||||
height: calc(100% - 135px);
|
||||
padding: 0 .3rem 0 .3rem;
|
||||
box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
}
|
||||
.main .con-left{
|
||||
width: 25.5%;
|
||||
height: 100%;
|
||||
}
|
||||
.main .con-left .left-top{
|
||||
width: 100%;
|
||||
height: calc(65.8% - 10px);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.boxstyle{
|
||||
padding: .2rem .2rem;
|
||||
position: relative;
|
||||
margin-bottom: 10px;
|
||||
background-size: 100% 100%;
|
||||
box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
background-position: left top;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.left-top .left-type{
|
||||
width: 100%;
|
||||
height: 41.25%;
|
||||
background-image: url(../images/lisbg1.jpg);
|
||||
}
|
||||
.commontitle{
|
||||
font-size: .18rem;
|
||||
color: #b7efff;
|
||||
line-height: .49rem;
|
||||
background-size: .49rem;
|
||||
padding-left: .49rem;
|
||||
background-position: left center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.left-type .commontitle{
|
||||
background-image: url(../images/icon_home.png);
|
||||
}
|
||||
.left-type ul{
|
||||
overflow: hidden;
|
||||
width: 95%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.left-type ul li{
|
||||
float: left;
|
||||
width: 28.5%;
|
||||
margin-top: .05rem;
|
||||
margin-bottom: .1rem;
|
||||
margin-right: 7.25%;
|
||||
background: url(../images/li_type.png) no-repeat left top;
|
||||
background-size: 100% auto;
|
||||
}
|
||||
.left-type ul li a{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
padding: .14rem .12rem .11rem;
|
||||
}
|
||||
.left-type ul li i.iconimg{
|
||||
/* float: left; */
|
||||
width: .34rem;
|
||||
height: .32rem;
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
background-size: 100% auto;
|
||||
}
|
||||
.left-type ul li .type-title{
|
||||
/* float: left */
|
||||
margin-left: .08rem;
|
||||
}
|
||||
.left-type ul li h2{
|
||||
font-size: .2rem;
|
||||
color: #02f7f4;
|
||||
}
|
||||
.left-type ul li h2 span:last-child{
|
||||
font-size: .16rem;
|
||||
}
|
||||
.left-type ul li p{
|
||||
font-size: .14rem;
|
||||
color: #fff;
|
||||
}
|
||||
.left-type ul li.index0 i.iconimg{
|
||||
background-image: url(../images/icon_img1.png);
|
||||
}
|
||||
.left-type ul li.index1 i.iconimg{
|
||||
background-image: url(../images/icon_img2.png);
|
||||
}
|
||||
.left-type ul li.index2 i.iconimg{
|
||||
background-image: url(../images/icon_img3.png);
|
||||
}
|
||||
.left-type ul li.index3 i.iconimg{
|
||||
background-image: url(../images/icon_img4.png);
|
||||
}
|
||||
.left-type ul li.index4 i.iconimg{
|
||||
background-image: url(../images/icon_img5.png);
|
||||
}
|
||||
.left-top .top-bottom{
|
||||
height: calc(58.75% - 15px);
|
||||
width: 100%;
|
||||
background-image: url(../images/lisbg2.jpg);
|
||||
}
|
||||
.top-bottom .commontitle{
|
||||
background-image: url(../images/icon_active.png);
|
||||
}
|
||||
.main .charts{
|
||||
width: 100%;
|
||||
height: calc(100% - 49px);
|
||||
}
|
||||
.left-bottom{
|
||||
width: 100%;
|
||||
height: 34.2%;
|
||||
background-image: url(../images/lisbg3.jpg);
|
||||
background-size: 100% 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.left-bottom .commontitle{
|
||||
background-image: url(../images/icon_company.png);
|
||||
}
|
||||
.left-bottom .left_tab{
|
||||
overflow: hidden;
|
||||
}
|
||||
.left_tab span{
|
||||
float: left;
|
||||
width: 25%;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
font-size: .14rem;
|
||||
color: #02f7f4;
|
||||
padding-bottom: .18rem;
|
||||
height: .39rem;
|
||||
box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
}
|
||||
.left_tab span:hover{
|
||||
color: #fff;
|
||||
font-size: .16rem;
|
||||
background:url(../images/solid_r.jpg) no-repeat bottom center;
|
||||
background-size: 100% auto;
|
||||
}
|
||||
.left_tab span.active{
|
||||
color: #fff;
|
||||
font-size: .16rem;
|
||||
background:url(../images/solid_r.jpg) no-repeat bottom center;
|
||||
background-size: 100% auto;
|
||||
}
|
||||
.left-bottom .plbox{
|
||||
width: 97%;
|
||||
margin: 0 auto;
|
||||
margin-top: .05rem;
|
||||
}
|
||||
.left-bottom .plbox ul li{
|
||||
overflow: hidden;
|
||||
padding-right: .1rem;
|
||||
line-height: .3rem;
|
||||
}
|
||||
.left-bottom .plbox ul li a{
|
||||
float: left;
|
||||
font-size: .14rem;
|
||||
color: #fff;
|
||||
}
|
||||
.left-bottom .plbox ul li span{
|
||||
float: right;
|
||||
font-size: .2rem;
|
||||
color: #02f7f4;
|
||||
}
|
||||
.main .con-center{
|
||||
width: 49%;
|
||||
height: 100%;
|
||||
padding: 0 .4rem;
|
||||
box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
}
|
||||
.con-center .center-top{
|
||||
overflow: hidden;
|
||||
height: 19.66%;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.center-top li{
|
||||
float: left;
|
||||
width: 12.6%;
|
||||
margin-right: 16.5%;
|
||||
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
}
|
||||
.center-top li .imgbox{
|
||||
|
||||
}
|
||||
.center-top li img{
|
||||
width: .95rem;
|
||||
height:.95rem;
|
||||
}
|
||||
.center-top li .center-title{
|
||||
padding-top: .07rem;
|
||||
padding-bottom: .06rem;
|
||||
text-align: center;
|
||||
background: url(../images/libg.png) no-repeat left top;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.center-top li p{
|
||||
font-size: .32rem;
|
||||
font-weight: bold;
|
||||
color: #f99a04;
|
||||
line-height: .28rem;
|
||||
}
|
||||
.center-top li span{
|
||||
color: #fff;
|
||||
font-size: .14rem;
|
||||
}
|
||||
.center-map{
|
||||
height: 59.4%;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
background: url("../images/bg_map.png") no-repeat;
|
||||
background-size:cover;
|
||||
}
|
||||
.center-map img{
|
||||
height: 100%;
|
||||
width: auto;
|
||||
}
|
||||
.center-bottom{
|
||||
height: 20%;
|
||||
padding-top: 0.1rem;
|
||||
background-image: url(../images/lisbg7.jpg);
|
||||
}
|
||||
.center-bottom .commontitle{
|
||||
font-size: .2rem;
|
||||
text-align: center;
|
||||
padding-left: 0;
|
||||
}
|
||||
.center-bottom .currenbox{
|
||||
width: 95%;
|
||||
margin: auto;
|
||||
margin-top:10px
|
||||
}
|
||||
.currenbox h2{
|
||||
font-size: .18rem;
|
||||
color: #fff;
|
||||
margin-bottom: .1rem;
|
||||
}
|
||||
.currenbox h2 a{
|
||||
color: #b7efff;
|
||||
}
|
||||
.currenbox p{
|
||||
color: #fff;
|
||||
line-height:.24rem;
|
||||
font-size:.14rem;
|
||||
|
||||
}
|
||||
.main .con-right{
|
||||
width: 25.5%;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
}
|
||||
.right-top{
|
||||
height:30.875%;
|
||||
}
|
||||
.con-right .top-list{
|
||||
overflow: hidden;
|
||||
}
|
||||
.top-list li{
|
||||
float: left;
|
||||
width: 22.76%;
|
||||
padding-top: .1rem;
|
||||
padding-bottom: 0.2rem;
|
||||
margin-right: 2.98%;
|
||||
background: url(../images/libg1.png) no-repeat left top;
|
||||
background-size: 100% 100%;
|
||||
box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
text-align: center;
|
||||
}
|
||||
.top-list li p{
|
||||
color: #02f7f4;
|
||||
font-size:.16rem;
|
||||
}
|
||||
.top-list li b{
|
||||
font-size: .2rem;
|
||||
}
|
||||
.top-list li span{
|
||||
color: #fff;
|
||||
font-size: .14rem;
|
||||
}
|
||||
.cggsbox{
|
||||
margin-top: .1rem;
|
||||
height: 69.44%;
|
||||
background: url(../images/lisbg4.jpg) no-repeat left top;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.cggsbox .commontitle{
|
||||
background-image: url(../images/icon_cg.png);
|
||||
}
|
||||
.cggsbox ul{
|
||||
width: 95%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.cggsbox ul li{
|
||||
overflow: hidden;
|
||||
line-height: .3rem;
|
||||
}
|
||||
.cggsbox ul li a{
|
||||
float: left;
|
||||
width: 78%;
|
||||
font-size: .14rem;
|
||||
color: #fff;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.cggsbox ul li span{
|
||||
float: right;
|
||||
color: #02f7f4;
|
||||
font-size:.14rem;
|
||||
}
|
||||
.cggsbox ul li:hover a{
|
||||
color: #02f7f4;
|
||||
}
|
||||
.right-center{
|
||||
width: 100%;
|
||||
height: 34.8958%;
|
||||
background-image: url(../images/lisbg5.jpg);
|
||||
margin-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
padding-top: .1rem;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.right-center .commontitle{
|
||||
background-image: url(../images/icon_xq.png);
|
||||
}
|
||||
.right-bottom{
|
||||
height: 32.2292%;
|
||||
background-image: url(../images/lisbg6.jpg);
|
||||
}
|
||||
.right-bottom .commontitle{
|
||||
background-image: url(../images/icon_service.png);
|
||||
}
|
||||
|
||||
/* 首页 */
|
||||
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,125 @@
|
||||
/*
|
||||
* Swiper 2.7.6
|
||||
* Mobile touch slider and framework with hardware accelerated transitions
|
||||
*
|
||||
* http://www.idangero.us/sliders/swiper/
|
||||
*
|
||||
* Copyright 2010-2015, Vladimir Kharlampidi
|
||||
* The iDangero.us
|
||||
* http://www.idangero.us/
|
||||
*
|
||||
* Licensed under GPL & MIT
|
||||
*
|
||||
* Released on: February 11, 2015
|
||||
*/
|
||||
/* ===============================================================
|
||||
Basic Swiper Styles
|
||||
================================================================*/
|
||||
.swiper-container {
|
||||
margin:0 auto;
|
||||
position:relative;
|
||||
overflow:hidden;
|
||||
direction:ltr;
|
||||
-webkit-backface-visibility:hidden;
|
||||
-moz-backface-visibility:hidden;
|
||||
-ms-backface-visibility:hidden;
|
||||
-o-backface-visibility:hidden;
|
||||
backface-visibility:hidden;
|
||||
/* Fix of Webkit flickering */
|
||||
z-index:1;
|
||||
}
|
||||
.swiper-wrapper {
|
||||
position:relative;
|
||||
width:100%;
|
||||
-webkit-transition-property:-webkit-transform, left, top;
|
||||
-webkit-transition-duration:0s;
|
||||
-webkit-transform:translate3d(0px,0,0);
|
||||
-webkit-transition-timing-function:ease;
|
||||
|
||||
-moz-transition-property:-moz-transform, left, top;
|
||||
-moz-transition-duration:0s;
|
||||
-moz-transform:translate3d(0px,0,0);
|
||||
-moz-transition-timing-function:ease;
|
||||
|
||||
-o-transition-property:-o-transform, left, top;
|
||||
-o-transition-duration:0s;
|
||||
-o-transform:translate3d(0px,0,0);
|
||||
-o-transition-timing-function:ease;
|
||||
-o-transform:translate(0px,0px);
|
||||
|
||||
-ms-transition-property:-ms-transform, left, top;
|
||||
-ms-transition-duration:0s;
|
||||
-ms-transform:translate3d(0px,0,0);
|
||||
-ms-transition-timing-function:ease;
|
||||
|
||||
transition-property:transform, left, top;
|
||||
transition-duration:0s;
|
||||
transform:translate3d(0px,0,0);
|
||||
transition-timing-function:ease;
|
||||
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
.swiper-free-mode > .swiper-wrapper {
|
||||
-webkit-transition-timing-function: ease-out;
|
||||
-moz-transition-timing-function: ease-out;
|
||||
-ms-transition-timing-function: ease-out;
|
||||
-o-transition-timing-function: ease-out;
|
||||
transition-timing-function: ease-out;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.swiper-slide {
|
||||
float: left;
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
/* IE10 Windows Phone 8 Fixes */
|
||||
.swiper-wp8-horizontal {
|
||||
-ms-touch-action: pan-y;
|
||||
}
|
||||
.swiper-wp8-vertical {
|
||||
-ms-touch-action: pan-x;
|
||||
}
|
||||
|
||||
/* ===============================================================
|
||||
Your custom styles, here you need to specify container's and slide's
|
||||
sizes, pagination, etc.
|
||||
================================================================*/
|
||||
.swiper-container {
|
||||
/* Specify Swiper's Size: */
|
||||
|
||||
/*width:200px;
|
||||
height: 100px;*/
|
||||
}
|
||||
.swiper-slide {
|
||||
/* Specify Slides's Size: */
|
||||
|
||||
/*width: 100%;
|
||||
height: 100%;*/
|
||||
}
|
||||
.swiper-slide-active {
|
||||
/* Specific active slide styling: */
|
||||
|
||||
}
|
||||
.swiper-slide-visible {
|
||||
/* Specific visible slide styling: */
|
||||
|
||||
}
|
||||
/* ===============================================================
|
||||
Pagination Styles
|
||||
================================================================*/
|
||||
.swiper-pagination-switch {
|
||||
/* Stylize pagination button: */
|
||||
|
||||
}
|
||||
.swiper-active-switch {
|
||||
/* Specific active button style: */
|
||||
|
||||
}
|
||||
.swiper-visible-switch {
|
||||
/* Specific visible button style: */
|
||||
|
||||
}
|
||||
@ -0,0 +1,58 @@
|
||||
@charset "utf-8";
|
||||
body{ font-family:pingfang-r,"微软雅黑","思源黑体"; margin:0; padding:0; color: #444;}
|
||||
p,dl,dd,ul,ol,li,h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
|
||||
h1,h2,h3,h4,h5,h6,dt{ font-weight:normal;}
|
||||
li{ list-style:none;}
|
||||
a{text-decoration:none;}
|
||||
a:focus, a:hover{text-decoration:none;}
|
||||
img{ border: none; outline: none;}
|
||||
input,button{ border:none; outline:none; background: none;}
|
||||
button:hover,button:focus,button:active{ outline: none; }
|
||||
input::-moz-placeholder{ color: #aaa;}
|
||||
input:-ms-input-placeholder { color: #aaa; }
|
||||
input::-webkit-input-placeholder{ color:#aaa; }
|
||||
input::placeholder{ color:#aaa; }
|
||||
textarea::-moz-placeholder{color:#aaa; }
|
||||
textarea:-ms-input-placeholder { color:#aaa; }
|
||||
textarea::-webkit-input-placeholder{ color:#aaa; }
|
||||
|
||||
|
||||
.clear{clear: both; margin: 0; padding: 0;}
|
||||
.clearfix:after{ content: ""; display:block; height: 0; clear: both; visibility: hidden;}
|
||||
.clearfix{*zoom:1;}
|
||||
/*谷哥滚动条样式*/
|
||||
::-webkit-scrollbar {width:5px;height:5px;position:absolute}
|
||||
::-webkit-scrollbar-thumb {background-color:#5bc0de}
|
||||
::-webkit-scrollbar-track {background-color:#ddd}
|
||||
|
||||
/* 首页 */
|
||||
.headerbox{
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left:0;
|
||||
width: 100%;
|
||||
background: transparent;
|
||||
}
|
||||
.bannerbox .swiper-container{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.bannerbox .container{
|
||||
height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
.bannerbox .banner1{
|
||||
background: url(../images/bannerbg1.png) no-repeat left center;
|
||||
height: 100%;
|
||||
background-size: 56.66% auto;
|
||||
}
|
||||
.bannerbox .banner1 .bannerContent{
|
||||
/* text-align: right; */
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
transform: translate(0,-50%);
|
||||
}
|
||||
.bannerbox .swiper-pagination{
|
||||
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 37 KiB |
|
After Width: | Height: | Size: 244 KiB |
|
After Width: | Height: | Size: 212 KiB |
|
After Width: | Height: | Size: 72 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 6.9 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 3.4 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 7.2 KiB |
|
After Width: | Height: | Size: 7.5 KiB |
|
After Width: | Height: | Size: 7.4 KiB |
|
After Width: | Height: | Size: 7.3 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 77 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 101 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
@ -0,0 +1,368 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<meta http-equiv="pragma" content="no-cache">
|
||||
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
|
||||
<meta http-equiv="expires" content="0">
|
||||
<meta name="description" content="“一网共治”基层治理智慧平台">
|
||||
<meta name="keywords" content="“一网共治”基层治理智慧平台">
|
||||
<title>“一网共治”基层治理智慧平台——驾驶舱</title>
|
||||
<!-- Bootstrap -->
|
||||
<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
|
||||
<script src="js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
|
||||
<link href="css/css.css" rel="stylesheet" type="text/css">
|
||||
<link rel="stylesheet" href="css/swiper.min.css">
|
||||
<script src="js/jquery.waypoints.min.js"></script>
|
||||
<script src="js/jquery.countup.js"></script>
|
||||
<script src="js/swiper.min.js"></script>
|
||||
<script src="js/common.js"></script>
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
var whei = $(window).width()
|
||||
$("html").css({
|
||||
fontSize: whei / 20
|
||||
})
|
||||
$(window).resize(function() {
|
||||
var whei = $(window).width()
|
||||
$("html").css({
|
||||
fontSize: whei / 20
|
||||
})
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body style="background: url(images/bg_jsc.jpg) no-repeat center top; background-size: 100% 100%;">
|
||||
<div class="main">
|
||||
<!-- 头部 -->
|
||||
<div class="mainhead">
|
||||
<div class="logobox fl"><img src="images/logo_t.png"><span id="main_city">北京市大兴区</span>
|
||||
</div>
|
||||
<div class="navbox">
|
||||
<li>
|
||||
<!-- <a class="islogin" href="/admin">登录</a> -->
|
||||
</li>
|
||||
<!-- <li><a href="/yiwanggongzhi/policy.html">政策资讯</a></li>
|
||||
<li><a href="/yiwanggongzhi/activity.html">社区服务</a></li>
|
||||
<li><a href="/yiwanggongzhi/govern.html">治理主体</a></li>
|
||||
<li><a href="/yiwanggongzhi/need.html">供需服务</a></li>
|
||||
<li><a href="/yiwanggongzhi/credit.html">信用百度</a></li>
|
||||
<li><a href="/yiwanggongzhi/login.html">案例库</a></li>
|
||||
<li class="last"><a href="#"><img src="images/icon_listen.png"></a></li> -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- 主要部分 -->
|
||||
<div class="main-content">
|
||||
<div class="con-left fl">
|
||||
<!-- 组织类别 -->
|
||||
<div class="left-top">
|
||||
<div class="left-type boxstyle">
|
||||
<div class="commontitle">组织类别</div>
|
||||
<ul>
|
||||
<li><a href="#">
|
||||
<i class="iconimg"></i>
|
||||
<div class="type-title">
|
||||
<h2><span class="counter"></span><span>家</span></h2>
|
||||
<p>养老服务</p>
|
||||
</div>
|
||||
</a></li>
|
||||
<li><a href="#">
|
||||
<i class="iconimg"></i>
|
||||
<div class="type-title">
|
||||
<h2> <span class="counter" data-num="47">47</span><span>家</span></h2>
|
||||
<p>亲子家庭</p>
|
||||
</div>
|
||||
</a></li>
|
||||
<li><a href="#">
|
||||
<i class="iconimg"></i>
|
||||
<div class="type-title">
|
||||
<h2> <span class="counter" data-num="12">12</span><span>家</span></h2>
|
||||
<p>物业服务</p>
|
||||
</div>
|
||||
</a></li>
|
||||
<li><a href="#">
|
||||
<i class="iconimg"></i>
|
||||
<div class="type-title">
|
||||
<h2> <span class="counter" data-num="56">56</span><span>家</span></h2>
|
||||
<p>环境保护</p>
|
||||
</div>
|
||||
</a></li>
|
||||
<li><a href="#">
|
||||
<i class="iconimg"></i>
|
||||
<div class="type-title">
|
||||
<h2> <span class="counter" data-num="142">142</span><span>家</span></h2>
|
||||
<p>其他</p>
|
||||
</div>
|
||||
</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- 活动类别分析 -->
|
||||
<div class="top-bottom boxstyle">
|
||||
<div class="commontitle">活动类别分析</div>
|
||||
<div id="echarts_1" class="charts"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 企业排行 -->
|
||||
<div class="left-bottom boxstyle">
|
||||
<div class="commontitle">企业排行</div>
|
||||
<div class="left_tab">
|
||||
<span class="active">企业信用排行</span>
|
||||
<span>企业积分排行</span>
|
||||
<span>个人信用排行</span>
|
||||
<span>个人积分排行</span>
|
||||
</div>
|
||||
<div class="plbox">
|
||||
<!-- 企业信用排行 -->
|
||||
<ul>
|
||||
<li><a>大兴区治安综合治理促进会</a><span class="phnum counter" data-num="90">90</span></li>
|
||||
<li><a>北京市大兴区户外广告行业协会</a><span class="phnum counter" data-num="87">87</span></li>
|
||||
<li><a>北京市大兴区文化娱乐行业协会</a><span class="phnum counter" data-num="85">85</span></li>
|
||||
<li><a>北京市大兴区老医药卫生工作者协会</a><span class="phnum counter" data-num="80">80</span></li>
|
||||
<li><a>北京市大兴区医学会</a><span class="phnum counter" data-num="79">79</span></li>
|
||||
</ul>
|
||||
<!-- 企业积分排行 -->
|
||||
<ul>
|
||||
<li><a>大兴区治安综合治理促进会</a><span class="phnum counter" data-num="90">90</span></li>
|
||||
<li><a>北京市大兴区户外广告行业协会</a><span class="phnum counter" data-num="87">87</span></li>
|
||||
<li><a>北京市大兴区文化娱乐行业协会</a><span class="phnum counter" data-num="85">85</span></li>
|
||||
</ul>
|
||||
<!-- 个人信用排行 -->
|
||||
<ul>
|
||||
<li><a>大兴区治安综合治理促进会</a><span class="phnum counter" data-num="90">90</span></li>
|
||||
<li><a>北京市大兴区户外广告行业协会</a><span class="phnum counter" data-num="87">87</span></li>
|
||||
</ul>
|
||||
<!-- 个人积分排行 -->
|
||||
<ul>
|
||||
<li><a>大兴区治安综合治理促进会</a><span class="phnum counter" data-num="90">90</span></li>
|
||||
<li><a>北京市大兴区户外广告行业协会</a><span class="phnum counter" data-num="87">87</span></li>
|
||||
<li><a>北京市大兴区文化娱乐行业协会</a><span class="phnum counter" data-num="85">85</span></li>
|
||||
<li><a>北京市大兴区老医药卫生工作者协会</a><span class="phnum counter" data-num="80">80</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 中间区域 -->
|
||||
<div class="con-center fl" >
|
||||
<div class="center-top" >
|
||||
<li>
|
||||
<div class="imgbox"><img src="images/iconimg1.jpg"></div>
|
||||
<div class="center-title">
|
||||
<p class="counter counterp" data-num="100">100</p>
|
||||
<span>社会组织</span>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="imgbox"><img src="images/iconimg2.jpg"></div>
|
||||
<div class="center-title">
|
||||
<p class="counter counterp" data-num="312">312</p>
|
||||
<span>社区社会组织</span>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="imgbox"><img src="images/iconimg3.jpg"></div>
|
||||
<div class="center-title">
|
||||
<p class="counter counterp" data-num="51">51</p>
|
||||
<span>社会企业</span>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="imgbox"><img src="images/iconimg4.jpg"></div>
|
||||
<div class="center-title">
|
||||
<p class="counter counterp" data-num="121">121</p>
|
||||
<span>居民</span>
|
||||
</div>
|
||||
</li>
|
||||
</div>
|
||||
<!-- 地图 -->
|
||||
<div class="center-map" id="map">
|
||||
</div>
|
||||
<!-- 近期需求公示 -->
|
||||
<div class="center-bottom boxstyle" >
|
||||
<div class="commontitle">近期需求公示</div>
|
||||
<div class="swiper-container" id="aboutneed">
|
||||
<div class="swiper-wrapper">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 右边区域 -->
|
||||
<div class="con-right fr">
|
||||
<div class="right-top">
|
||||
<div class="top-list">
|
||||
<li>
|
||||
<p><b class="counter counterb" data-num="432">432</b>万元</p>
|
||||
<span>成交金额</span>
|
||||
</li>
|
||||
<li>
|
||||
<p><b class="counter counterb" data-num="142">142</b>笔</p>
|
||||
<span>成交项目</span>
|
||||
</li>
|
||||
<li>
|
||||
<p><b class="counter counterb" data-num="156">156</b>个</p>
|
||||
<span>入驻供应商</span>
|
||||
</li>
|
||||
<li>
|
||||
<p><b class="counter counterb" data-num="432">432</b>个</p>
|
||||
<span>发布需求</span>
|
||||
</li>
|
||||
</div>
|
||||
<!-- 采购公示 -->
|
||||
<div class="cggsbox boxstyle">
|
||||
<div class="commontitle">采购公示</div>
|
||||
<ul>
|
||||
<li><a href="#">2022年北京市大兴区高新园区运营管理服务采购</a><span>2022-01-10</span></li>
|
||||
<li><a href="#">数据治理服务和系统软件维护及图像中心运行…</a><span>2022-01-10</span></li>
|
||||
<li><a href="#">学院路街道2021年智慧社区基层治理数字化升…</a><span>2022-01-10</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 需求类别分析 -->
|
||||
<div class="right-center boxstyle">
|
||||
<div class="commontitle">需求类别分析</div>
|
||||
<div id="echarts_2" class="charts"></div>
|
||||
</div>
|
||||
<!-- 服务类别分析 -->
|
||||
<div class="right-bottom boxstyle">
|
||||
<div class="commontitle">服务类别分析</div>
|
||||
<div id="echarts_3" class="charts"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="js/echarts_common.js"></script>
|
||||
<!-- <script src="js/china.js"></script> -->
|
||||
<script src="js/echarts.js"></script>
|
||||
|
||||
<script>
|
||||
$(function() {
|
||||
var counterList = [72, 98, 84, 143, 64, 55, 60, 77, 88, 76, 99, 234, 678]
|
||||
var counters = $(".counter");
|
||||
for (var i = 0; i < counters.length; i++) {
|
||||
var nums = counterList[Math.floor(Math.random() * counterList.length)];
|
||||
$(counters).eq(i).attr("data-num", nums);
|
||||
$(counters).eq(i).text(nums);
|
||||
|
||||
}
|
||||
$('.counter').countUp({
|
||||
delay: 50,
|
||||
time: 1500
|
||||
});
|
||||
getAdminUser();
|
||||
getNeedList();
|
||||
})
|
||||
|
||||
function getNeedList() {
|
||||
var url = "/api/pc/need/need-index";
|
||||
var params = {
|
||||
item_type_id: "",
|
||||
status_id: "",
|
||||
need_type_id: "",
|
||||
keyword: "",
|
||||
date_type: "",
|
||||
area_id: "",
|
||||
page_size: 6,
|
||||
page: 1
|
||||
}
|
||||
callApi(url, 'get', params, function(res) {
|
||||
$("#aboutneed .swiper-wrapper").empty();
|
||||
var data = res.data;
|
||||
if (data.length > 0) {
|
||||
for (var i = 0; i < data.length; i++) {
|
||||
var created_at = data[i].created_at.substring(0, 10);
|
||||
var type_detail = data[i].item_type_detail ? data[i].item_type_detail.value : "";
|
||||
$("#aboutneed .swiper-wrapper").append("<div class='swiper-slide currenbox'>" +
|
||||
"<h2>[" + type_detail + "] <a class='lineone' href='/yiwanggongzhi/need-article.html?id=" + data[
|
||||
i].id + "'>" + data[i].title + "</a></h2>" +
|
||||
"<p>采购单位：" + data[i].purchase + "<br>" +
|
||||
"发布时间：" + created_at + "</p>" +
|
||||
"</div>")
|
||||
}
|
||||
|
||||
var mySwiper = new Swiper('#aboutneed', {
|
||||
direction: 'horizontal', // 垂直切换选项
|
||||
loop: true, // 循环模式选项
|
||||
speed: 6000,
|
||||
autoplay: 3000,
|
||||
autoplayDisableOnInteraction: false,
|
||||
// 如果需要前进后退按钮
|
||||
|
||||
})
|
||||
$("#aboutneed").mouseenter(function() {
|
||||
mySwiper.stopAutoplay();
|
||||
}).mouseleave(function() {
|
||||
mySwiper.startAutoplay();
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
})
|
||||
}
|
||||
|
||||
function getAdminUser() {
|
||||
var token = getCookie("vue_yiwanggongzhi_token");
|
||||
var baseurl = "http://yiwanggongzhi.demo.langye.net";
|
||||
var url = "/api/admin/auth/me";
|
||||
var ajaxurl = baseurl + url;
|
||||
if (!token) {
|
||||
$(".navbox li").append("<a href='/admin' class='islogin'>登录</a>")
|
||||
return;
|
||||
}
|
||||
var params = {
|
||||
token: token
|
||||
}
|
||||
$.ajax({
|
||||
url: ajaxurl,
|
||||
type: "post",
|
||||
timeout: 15000,
|
||||
contentType: 'application/x-www-form-urlencoded',
|
||||
data: params,
|
||||
dataType: 'json',
|
||||
success: function(res) {
|
||||
if (res) {
|
||||
$(".navbox li").append("<a href='/admin/admin.html' class=''>" + res.name + "</a>")
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
function callApi(url, type, params, callback) {
|
||||
var baseurl = "http://yiwanggongzhi.demo.langye.net";
|
||||
var ajaxurl = baseurl + url
|
||||
$.ajax({
|
||||
url: ajaxurl,
|
||||
type: type,
|
||||
timeout: 15000,
|
||||
contentType: 'application/x-www-form-urlencoded',
|
||||
data: params,
|
||||
dataType: 'json',
|
||||
success: function(res) {
|
||||
if (callback) callback(res)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
function getCookie(name) {
|
||||
var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
|
||||
|
||||
if (arr = document.cookie.match(reg))
|
||||
|
||||
return (arr[2]);
|
||||
else
|
||||
return null;
|
||||
}
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,16 @@
|
||||
$(function(){
|
||||
$(".left-type ul li").each(function(){
|
||||
var index = $(this).index();
|
||||
$(this).addClass('index'+index);
|
||||
if($(this).index()%3==2){
|
||||
$(this).css('marginRight','0');
|
||||
}
|
||||
})
|
||||
$(".left-bottom .plbox ul:first").show().siblings('ul').hide();
|
||||
$(".left_tab span").hover(function(){
|
||||
var index = $(this).index();
|
||||
$(this).addClass("active").siblings().removeClass('active');
|
||||
$(this).parent().siblings('.plbox').children('ul').eq(index).show().siblings().hide();
|
||||
})
|
||||
$(".top-list li:last,.center-top li:last").css('marginRight','0');
|
||||
})
|
||||
@ -0,0 +1,10 @@
|
||||
[0514/162949.665:ERROR:registration_protocol_win.cc(106)] CreateFile: 系统找不到指定的文件。 (0x2)
|
||||
[0514/171656.731:ERROR:registration_protocol_win.cc(106)] CreateFile: 系统找不到指定的文件。 (0x2)
|
||||
[0516/043413.680:ERROR:registration_protocol_win.cc(106)] CreateFile: 系统找不到指定的文件。 (0x2)
|
||||
[0516/061532.498:ERROR:registration_protocol_win.cc(106)] CreateFile: 系统找不到指定的文件。 (0x2)
|
||||
[0516/061534.412:ERROR:registration_protocol_win.cc(106)] CreateFile: 系统找不到指定的文件。 (0x2)
|
||||
[0517/131323.549:ERROR:registration_protocol_win.cc(106)] CreateFile: 系统找不到指定的文件。 (0x2)
|
||||
[0517/131327.645:ERROR:registration_protocol_win.cc(106)] CreateFile: 系统找不到指定的文件。 (0x2)
|
||||
[0517/131329.328:ERROR:registration_protocol_win.cc(106)] CreateFile: 系统找不到指定的文件。 (0x2)
|
||||
[0517/131330.202:ERROR:registration_protocol_win.cc(106)] CreateFile: 系统找不到指定的文件。 (0x2)
|
||||
[0517/131332.891:ERROR:registration_protocol_win.cc(106)] CreateFile: 系统找不到指定的文件。 (0x2)
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,4 @@
|
||||
/**
|
||||
* @preserve HTML5 Shiv 3.7.2 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
|
||||
*/
|
||||
!function(a,b){function c(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x<style>"+b+"</style>",d.insertBefore(c.lastChild,d.firstChild)}function d(){var a=t.elements;return"string"==typeof a?a.split(" "):a}function e(a,b){var c=t.elements;"string"!=typeof c&&(c=c.join(" ")),"string"!=typeof a&&(a=a.join(" ")),t.elements=c+" "+a,j(b)}function f(a){var b=s[a[q]];return b||(b={},r++,a[q]=r,s[r]=b),b}function g(a,c,d){if(c||(c=b),l)return c.createElement(a);d||(d=f(c));var e;return e=d.cache[a]?d.cache[a].cloneNode():p.test(a)?(d.cache[a]=d.createElem(a)).cloneNode():d.createElem(a),!e.canHaveChildren||o.test(a)||e.tagUrn?e:d.frag.appendChild(e)}function h(a,c){if(a||(a=b),l)return a.createDocumentFragment();c=c||f(a);for(var e=c.frag.cloneNode(),g=0,h=d(),i=h.length;i>g;g++)e.createElement(h[g]);return e}function i(a,b){b.cache||(b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag()),a.createElement=function(c){return t.shivMethods?g(c,a,b):b.createElem(c)},a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+d().join().replace(/[\w\-:]+/g,function(a){return b.createElem(a),b.frag.createElement(a),'c("'+a+'")'})+");return n}")(t,b.frag)}function j(a){a||(a=b);var d=f(a);return!t.shivCSS||k||d.hasCSS||(d.hasCSS=!!c(a,"article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}template{display:none}")),l||i(a,d),a}var k,l,m="3.7.2",n=a.html5||{},o=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,p=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,q="_html5shiv",r=0,s={};!function(){try{var a=b.createElement("a");a.innerHTML="<xyz></xyz>",k="hidden"in a,l=1==a.childNodes.length||function(){b.createElement("a");var a=b.createDocumentFragment();return"undefined"==typeof a.cloneNode||"undefined"==typeof a.createDocumentFragment||"undefined"==typeof a.createElement}()}catch(c){k=!0,l=!0}}();var t={elements:n.elements||"abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output picture progress section summary template time video",version:m,shivCSS:n.shivCSS!==!1,supportsUnknownElements:l,shivMethods:n.shivMethods!==!1,type:"default",shivDocument:j,createElement:g,createDocumentFragment:h,addElements:e};a.html5=t,j(b)}(this,document);
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,72 @@
|
||||
(function($) {
|
||||
|
||||
var types = ['DOMMouseScroll', 'mousewheel'];
|
||||
|
||||
if ($.event.fixHooks) {
|
||||
for ( var i=types.length; i; ) {
|
||||
$.event.fixHooks[ types[--i] ] = $.event.mouseHooks;
|
||||
}
|
||||
}
|
||||
|
||||
$.event.special.mousewheel = {
|
||||
setup: function() {
|
||||
if ( this.addEventListener ) {
|
||||
for ( var i=types.length; i; ) {
|
||||
this.addEventListener( types[--i], handler, false );
|
||||
}
|
||||
} else {
|
||||
this.onmousewheel = handler;
|
||||
}
|
||||
},
|
||||
|
||||
teardown: function() {
|
||||
if ( this.removeEventListener ) {
|
||||
for ( var i=types.length; i; ) {
|
||||
this.removeEventListener( types[--i], handler, false );
|
||||
}
|
||||
} else {
|
||||
this.onmousewheel = null;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
$.fn.extend({
|
||||
mousewheel: function(fn) {
|
||||
return fn ? this.bind("mousewheel", fn) : this.trigger("mousewheel");
|
||||
},
|
||||
|
||||
unmousewheel: function(fn) {
|
||||
return this.unbind("mousewheel", fn);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
function handler(event) {
|
||||
var orgEvent = event || window.event, args = [].slice.call( arguments, 1 ), delta = 0, returnValue = true, deltaX = 0, deltaY = 0;
|
||||
event = $.event.fix(orgEvent);
|
||||
event.type = "mousewheel";
|
||||
|
||||
// Old school scrollwheel delta
|
||||
if ( orgEvent.wheelDelta ) { delta = orgEvent.wheelDelta/120; }
|
||||
if ( orgEvent.detail ) { delta = -orgEvent.detail/3; }
|
||||
|
||||
// New school multidimensional scroll (touchpads) deltas
|
||||
deltaY = delta;
|
||||
|
||||
// Gecko
|
||||
if ( orgEvent.axis !== undefined && orgEvent.axis === orgEvent.HORIZONTAL_AXIS ) {
|
||||
deltaY = 0;
|
||||
deltaX = -1*delta;
|
||||
}
|
||||
|
||||
// Webkit
|
||||
if ( orgEvent.wheelDeltaY !== undefined ) { deltaY = orgEvent.wheelDeltaY/120; }
|
||||
if ( orgEvent.wheelDeltaX !== undefined ) { deltaX = -1*orgEvent.wheelDeltaX/120; }
|
||||
|
||||
// Add event and delta to the front of the arguments
|
||||
args.unshift(event, delta, deltaX, deltaY);
|
||||
|
||||
return ($.event.dispatch || $.event.handle).apply(this, args);
|
||||
}
|
||||
|
||||
})(jQuery);
|
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,78 @@
|
||||
// Сделано на основе пена http://codepen.io/SitePoint/pen/MwEaQM
|
||||
|
||||
(function($) {
|
||||
|
||||
var _elements,
|
||||
_options;
|
||||
|
||||
var methods = {
|
||||
init: function(elements, options) {
|
||||
|
||||
_elements = elements;
|
||||
_options = options;
|
||||
|
||||
methods.bind();
|
||||
},
|
||||
bind: function() {
|
||||
$(window).scroll(function() {
|
||||
methods.animate(_elements, _options);
|
||||
});
|
||||
$(window).trigger('scroll');
|
||||
},
|
||||
animate: function(elements, options) {
|
||||
|
||||
var viewHeight = $(window).height(),
|
||||
viewTop = $(window).scrollTop(),
|
||||
viewBottom = (viewTop + viewHeight);
|
||||
|
||||
$.each(elements, function() {
|
||||
var elementAnimation = $(this).data('animate'),
|
||||
elementOffset = $(this).data('offset'),
|
||||
elementDuration = $(this).data('duration'),
|
||||
elementDelay = $(this).data('delay'),
|
||||
elementIteration = $(this).data('iteration'),
|
||||
elementHeight = $(this).outerHeight(),
|
||||
elementTop = $(this).offset().top,
|
||||
elementBottom = (elementTop + elementHeight);
|
||||
|
||||
if (elementOffset) {
|
||||
elementTop = elementTop + elementOffset;
|
||||
elementBottom = elementBottom - elementOffset;
|
||||
}
|
||||
|
||||
$(this).css({'-webkit-animation-duration': elementDuration, 'animation-duration': elementDuration});
|
||||
$(this).css({'-webkit-animation-delay': elementDelay, 'animation-delay': elementDelay});
|
||||
$(this).css({'-webkit-animation-iteration-count': elementIteration, 'animation-iteration-count': elementIteration});
|
||||
|
||||
if ((elementBottom >= viewTop) && (elementTop <= viewBottom)) {
|
||||
$(this).css('visibility', 'visible');
|
||||
$(this).addClass('animate__'+elementAnimation);
|
||||
$(this).addClass('animate__animated');
|
||||
}
|
||||
else {
|
||||
if (options.once === false) {
|
||||
$(this).css('visibility', 'hidden');
|
||||
$(this).removeClass('animate__'+elementAnimation);
|
||||
$(this).removeClass('animate__animated');
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
jQuery.fn.scrolla = function(options) {
|
||||
options = $.extend({
|
||||
mobile: false,
|
||||
once: false
|
||||
}, options);
|
||||
|
||||
if (options.mobile === false) {
|
||||
if(/Android|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
methods.init(this, options);
|
||||
|
||||
};
|
||||
})(jQuery);
|
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,92 @@
|
||||
// 主swiper对象的动画参数
|
||||
var swiperAnimateParam_main1 = {
|
||||
|
||||
// 第 1 张幻灯片
|
||||
slide_1:{
|
||||
animate_01:{element:'main1_ani_01', animation:'fadeInRight',duration:'1s'},
|
||||
},
|
||||
|
||||
// 第 2 张幻灯片
|
||||
slide_2:{
|
||||
// 在此为幻灯片中的动画元素进行动画设置
|
||||
animate_02:{element:'main1_ani_02', animation:'fadeInLeft',duration:'1s'},
|
||||
},
|
||||
|
||||
// 第 3 张幻灯片
|
||||
slide_3:{
|
||||
// 在此为幻灯片中的动画元素进行动画设置
|
||||
animate_03:{element:'main1_ani_03', animation:'fadeInUp',duration:'1s'},
|
||||
},
|
||||
// 第 4 张幻灯片
|
||||
slide_4:{
|
||||
// 在此为幻灯片中的动画元素进行动画设置
|
||||
animate_03:{element:'main1_ani_04', animation:'fadeInRight',duration:'1s'},
|
||||
},
|
||||
// 第 5 张幻灯片
|
||||
slide_5:{
|
||||
// 在此为幻灯片中的动画元素进行动画设置
|
||||
animate_03:{element:'main1_ani_05', animation:'fadeInUp',duration:'1s'},
|
||||
},
|
||||
};
|
||||
|
||||
// 第 1 个子swiper对象的动画参数
|
||||
// var swiperAnimateParam_child1 = {
|
||||
|
||||
// // 第 1 张幻灯片
|
||||
// slide_1:{
|
||||
// animate_01:{element:'child1_ani_01', animation:'fadeInUp',},
|
||||
// animate_02:{element:'child1_ani_02', animation:'swing', duration:'2s', type:1,},
|
||||
// animate_03:{element:'child1_ani_03', animation:'fadeInLeft',},
|
||||
// animate_04:{element:'child1_ani_03', animation:'tada', type:1,},
|
||||
// animate_05:{element:'child1_ani_03', animation:'flip', type:1,},
|
||||
// animate_06:{element:'child1_ani_04', animation:'pulse', type:1,},
|
||||
// animate_07:{element:'child1_ani_05', animation:'pulse', type:1,},
|
||||
// },
|
||||
|
||||
// // 第 2 张幻灯片
|
||||
// slide_2:{
|
||||
// animate_01:{element:'child1_ani_06', animation:'fadeInUp',},
|
||||
// animate_02:{element:'child1_ani_07', animation:'swing', duration:'2s', type:1,},
|
||||
// },
|
||||
// };
|
||||
|
||||
// 第 2 个子swiper对象的动画参数
|
||||
// var swiperAnimateParam_child2 = {
|
||||
|
||||
// // 第 1 张幻灯片
|
||||
// slide_1:{
|
||||
// animate_01:{element:'child2_ani_01', animation:'fadeInUp',},
|
||||
// animate_02:{element:'child2_ani_02', animation:'fadeIn', duration:'2s',},
|
||||
// animate_03:{element:'child2_ani_02', animation:'shake', type:1,},
|
||||
// animate_04:{element:'child2_ani_03', animation:'fadeInUpBig', duration:'1.5s',},
|
||||
// animate_05:{element:'child2_ani_04', animation:'pulse', type:1,},
|
||||
// animate_06:{element:'child2_ani_05', animation:'pulse', type:1,},
|
||||
// },
|
||||
|
||||
// // 第 2 张幻灯片
|
||||
// slide_2:{
|
||||
// animate_01:{element:'child2_ani_06', animation:'fadeInUp',},
|
||||
// animate_02:{element:'child2_ani_07', animation:'swing', duration:'2s', type:1,},
|
||||
// },
|
||||
// };
|
||||
|
||||
// 第 3 个子swiper对象的动画参数
|
||||
// var swiperAnimateParam_child3 = {
|
||||
|
||||
// // 第 1 张幻灯片
|
||||
// slide_1:{
|
||||
// animate_01:{element:'child3_ani_01', animation:'fadeInUp',},
|
||||
// animate_02:{element:'child3_ani_02', animation:'tada', duration:'2s', type:1,},
|
||||
// animate_03:{element:'child3_ani_03', animation:'fadeInRight',},
|
||||
// animate_04:{element:'child3_ani_04', animation:'pulse', duration:'2s', type:1,},
|
||||
// animate_05:{element:'child3_ani_05', animation:'pulse', duration:'2s', type:1,},
|
||||
// animate_06:{element:'child3_ani_06', animation:'pulse', duration:'2s', type:1,},
|
||||
// },
|
||||
|
||||
// // 第 2 张幻灯片
|
||||
// slide_2:{
|
||||
// animate_01:{element:'child3_ani_07', animation:'fadeInUp',},
|
||||
// animate_02:{element:'child3_ani_08', animation:'swing', duration:'2s', type:1,},
|
||||
// },
|
||||
|
||||
// };
|
||||
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue