Skip to content

Q
qsl_web
Commit c29c1b44 by 邓丽
Options

item

parent 1ed2b76f
Showing with 1216 additions and 169 deletions
dist/css/index.css
......@@ -2,6 +2,14 @@
/*清除浮动*/
/*模块居中*/
/*文本溢出*/
/*数据为空提示文字效果*/
.spaceData {
text-align: center;
font-size: 14px;
line-height: 100px;
color: #999;
font-weight: 400;
}
/*图片居中显示处理*/
.img-h-auto {
width: 100%;
......@@ -245,11 +253,18 @@ header .logo {
header > ul li {
float: left;
font-size: 16px;
margin: 45px 15px auto 15px;
margin: 30px 15px auto 15px;
height: 60px;
line-height: 36px;
width: 40px;
text-align: center;
vertical-align: middle;
}
header > ul li a {
color: #FFFFFF;
display: inline-block;
width: 100%;
font-size: 18px;
}
header > ul li.active a {
color: #1dd2af;
......@@ -585,7 +600,7 @@ th {
height: 547px;
overflow: hidden;
padding: 30px 100px;
background: #f2f2f3;
background: #f3f3f3;
}
.comIndex > h2 {
color: #353535;
......@@ -594,10 +609,10 @@ th {
text-align: center;
}
.serveType > ul li {
width: 330px;
width: 333px;
float: left;
padding: 0 60px;
height: 170px;
padding: 0 35px;
min-height: 170px;
overflow: hidden;
}
.serveType > ul li > span {
......@@ -655,14 +670,14 @@ th {
}
.serveType > ul li > div h4 {
line-height: 45px;
font-size: 16px;
font-size: 18px;
color: #767676;
}
.serveType > ul li > div small {
display: inline-block;
font-size: 12px;
font-size: 14px;
color: #afafaf;
line-height: 18px;
line-height: 25px;
width: 100%;
overflow: hidden;
}
......@@ -800,13 +815,13 @@ th {
.case {
margin: 0 auto;
width: 1200px;
height: 752px;
height: 730px;
overflow: hidden;
padding: 30px 0;
background: #ffffff;
}
.case > ul {
margin-top: 90px;
margin-top: 65px;
}
.case > ul li {
float: left;
......@@ -831,18 +846,27 @@ th {
}
.case > ul li h3 {
font-size: 16px;
color: #d3d3d3;
color: #999;
padding: 0 20px;
line-height: 30px;
text-align: left;
/* display: -webkit-box;*/
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
-moz-line-clamp: 1;
-o-line-clamp: 1;
font-weight: 500;
}
.case > ul li p {
font-size: 14px;
color: #d3d3d3;
color: #999;
padding: 0 20px;
line-height: 20px;
height: 40px;
width: 94%;
text-align: left;
/* display: -webkit-box;*/
overflow: hidden;
......@@ -850,9 +874,9 @@ th {
-o-text-overflow: ellipsis;
white-space: nowrap;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
-moz-line-clamp: 2;
-o-line-clamp: 2;
-webkit-line-clamp: 1;
-moz-line-clamp: 1;
-o-line-clamp: 1;
}
.case > ul li.active {
-webkit-transform: scale(1.2);
......@@ -864,6 +888,13 @@ th {
.case > ul li.active div {
opacity: 1;
}
.case > ul li.active h3 {
color: #fff;
line-height: 25px;
}
.case > ul li.active p {
color: #8899a8;
}
.manage {
margin: 0 auto;
width: 1200px;
......@@ -1096,7 +1127,7 @@ article.case section:after {
padding-right: 0px;
}
.caseTitle nav ul li a {
color: #d0d3d7;
color: #999;
font-size: 16px;
display: inline-block;
}
......@@ -1206,6 +1237,14 @@ article.case section:after {
border: 1px solid #1dd2af;
border-radius: 4px;
margin: 50px auto 0px;
display: block;
}
.caseTitle .caseContent .space {
text-align: center;
font-size: 14px;
line-height: 100px;
color: #999;
font-weight: 400;
}
.caseTitle .htmlContent {
margin: 0 auto;
......@@ -1221,8 +1260,7 @@ article.case section:after {
height: auto;
overflow: hidden;
background: #f3f3f3;
padding: 80px 128px;
/*分页模块*/
padding: 80px 128px 0px 128px;
}
.gallery .coverSlide {
margin: 0 auto;
......@@ -1273,6 +1311,13 @@ article.case section:after {
float: left;
margin: 10px 9px;
}
.gallery .space {
text-align: center;
font-size: 14px;
line-height: 100px;
color: #999;
font-weight: 400;
}
.gallery .searchContent {
margin-bottom: 30px;
}
......@@ -1372,13 +1417,15 @@ article.case section:after {
display: block;
margin: 28% auto;
}
.gallery .pageDiv {
/*分页模块*/
.pageDiv {
margin: 60px auto;
padding: 15px 20px;
text-align: center;
color: #ccc;
clear: both;
}
.gallery .pageDiv a {
.pageDiv a {
display: inline-block;
height: 28px;
line-height: 28px;
......@@ -1391,11 +1438,11 @@ article.case section:after {
background: #fff;
border: 1px solid #fff;
}
.gallery .pageDiv a:hover {
.pageDiv a:hover {
text-decoration: none;
border: 1px solid #dddddd;
}
.gallery .pageDiv span.current {
.pageDiv span.current {
display: inline-block;
height: 28px;
line-height: 28px;
......@@ -1407,7 +1454,7 @@ article.case section:after {
vertical-align: middle;
background: #1dd2af;
}
.gallery .pageDiv span.disabled {
.pageDiv span.disabled {
display: inline-block;
height: 25px;
line-height: 25px;
......@@ -1420,18 +1467,18 @@ article.case section:after {
background: #f2f2f2;
border: 1px solid #e5e5e6;
}
.gallery .pageDiv span.pagecount {
.pageDiv span.pagecount {
padding: 0 10px;
font-size: 14px;
color: #999999;
margin-right: -30px;
}
.gallery .pageDiv span.countYe {
.pageDiv span.countYe {
color: #4C4C4C;
font-size: 14px;
margin-left: 30px;
}
.gallery .pageDiv span.countYe input {
.pageDiv span.countYe input {
outline: none;
border: 1px solid #ddd;
height: 28px;
......@@ -1439,7 +1486,7 @@ article.case section:after {
width: 50px;
margin: 0 5px;
}
.gallery .pageDiv a.turndown {
.pageDiv a.turndown {
width: 50px;
height: 28px;
background: #1dd2af;
......@@ -1820,6 +1867,14 @@ article.case section:after {
line-height: 17px;
height: 20px;
}
.activity .space {
text-align: center;
font-size: 14px;
line-height: 100px;
color: #999;
font-weight: 400;
line-height: 230px;
}
/*工作机会页面*/
.works {
margin: 0 auto;
......
dist/css/jcarousellite.css
......@@ -2,6 +2,14 @@
/*清除浮动*/
/*模块居中*/
/*文本溢出*/
/*数据为空提示文字效果*/
.spaceData {
text-align: center;
font-size: 14px;
line-height: 100px;
color: #999;
font-weight: 400;
}
/*图片居中显示处理*/
.img-h-auto {
width: 100%;
......@@ -245,11 +253,18 @@ header .logo {
header > ul li {
float: left;
font-size: 16px;
margin: 45px 15px auto 15px;
margin: 30px 15px auto 15px;
height: 60px;
line-height: 36px;
width: 40px;
text-align: center;
vertical-align: middle;
}
header > ul li a {
color: #FFFFFF;
display: inline-block;
width: 100%;
font-size: 18px;
}
header > ul li.active a {
color: #1dd2af;
......
dist/css/largeSlides.css
......@@ -2,6 +2,14 @@
/*清除浮动*/
/*模块居中*/
/*文本溢出*/
/*数据为空提示文字效果*/
.spaceData {
text-align: center;
font-size: 14px;
line-height: 100px;
color: #999;
font-weight: 400;
}
/*图片居中显示处理*/
.img-h-auto {
width: 100%;
......@@ -245,11 +253,18 @@ header .logo {
header > ul li {
float: left;
font-size: 16px;
margin: 45px 15px auto 15px;
margin: 30px 15px auto 15px;
height: 60px;
line-height: 36px;
width: 40px;
text-align: center;
vertical-align: middle;
}
header > ul li a {
color: #FFFFFF;
display: inline-block;
width: 100%;
font-size: 18px;
}
header > ul li.active a {
color: #1dd2af;
......
dist/css/ui-dialog.css 0 → 100644
/*!
* ui-dialog.css
* Date: 2014-07-03
* https://github.com/aui/artDialog
* (c) 2009-2014 TangBin, http://www.planeArt.cn
*
* This is licensed under the GNU LGPL, version 2.1 or later.
* For details, see: http://www.gnu.org/licenses/lgpl-2.1.html
*/
.ui-dialog {
*zoom: 1;
_float: left;
position: relative;
background-color: #FFF;
border: 1px solid #999;
border-radius: 6px;
outline: 0;
background-clip: padding-box;
font-family: Helvetica, arial, sans-serif;
font-size: 14px;
line-height: 1.428571429;
color: #333;
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform 0.15s ease-in-out, opacity 0.15s ease-in-out;
transition: transform 0.15s ease-in-out, opacity 0.15s ease-in-out;
}
.ui-popup-show .ui-dialog {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.ui-popup-focus .ui-dialog {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}
.ui-popup-modal .ui-dialog {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1), 0 0 256px rgba(255, 255, 255, 0.3);
}
.ui-dialog-grid {
min-width: 200px;
margin: 0;
border: 0 none;
border-collapse: collapse;
border-spacing: 0;
background: transparent;
}
.ui-dialog-header,
.ui-dialog-body,
.ui-dialog-footer {
padding: 0;
border: 0 none;
text-align: left;
background: transparent;
}
.ui-dialog-header {
white-space: nowrap;
border-bottom: 1px solid #E5E5E5;
}
.ui-dialog-close {
position: relative;
_position: absolute;
float: right;
top: 13px;
right: 13px;
_height: 26px;
padding: 0 4px;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #FFF;
opacity: .2;
filter: alpha(opacity=20);
cursor: pointer;
background: transparent;
_background: #FFF;
border: 0;
-webkit-appearance: none;
}
.ui-dialog-close:hover,
.ui-dialog-close:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
outline: 0;
opacity: 0.5;
filter: alpha(opacity=50);
}
.ui-dialog-title {
margin: 0;
line-height: 1.428571429;
min-height: 16.428571429px;
padding: 15px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: bold;
cursor: default;
}
.ui-dialog-body {
padding: 20px;
text-align: center;
}
.ui-dialog-content {
display: inline-block;
position: relative;
vertical-align: middle;
*zoom: 1;
*display: inline;
text-align: left;
}
.ui-dialog-footer {
padding: 0 20px 20px 20px;
}
.ui-dialog-statusbar {
float: left;
margin-right: 20px;
padding: 6px 0;
line-height: 1.428571429;
font-size: 14px;
color: #888;
white-space: nowrap;
}
.ui-dialog-statusbar label:hover {
color: #333;
}
.ui-dialog-statusbar input,
.ui-dialog-statusbar .label {
vertical-align: middle;
}
.ui-dialog-button {
float: right;
white-space: nowrap;
}
.ui-dialog-footer button + button {
margin-bottom: 0;
margin-left: 5px;
}
.ui-dialog-footer button {
width: auto;
overflow: visible;
display: inline-block;
padding: 6px 12px;
_margin-left: 5px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.428571429;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.ui-dialog-footer button:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.ui-dialog-footer button:hover,
.ui-dialog-footer button:focus {
color: #333333;
text-decoration: none;
}
.ui-dialog-footer button:active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.ui-dialog-footer button[disabled] {
pointer-events: none;
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
.ui-dialog-footer button {
color: #333333;
background-color: #ffffff;
border-color: #cccccc;
}
.ui-dialog-footer button:hover,
.ui-dialog-footer button:focus,
.ui-dialog-footer button:active {
color: #333333;
background-color: #ebebeb;
border-color: #adadad;
}
.ui-dialog-footer button:active {
background-image: none;
}
.ui-dialog-footer button[disabled],
.ui-dialog-footer button[disabled]:hover,
.ui-dialog-footer button[disabled]:focus,
.ui-dialog-footer button[disabled]:active {
background-color: #ffffff;
border-color: #cccccc;
}
.ui-dialog-footer button.ui-dialog-autofocus {
color: #ffffff;
background-color: #428bca;
border-color: #357ebd;
}
.ui-dialog-footer button.ui-dialog-autofocus:hover,
.ui-dialog-footer button.ui-dialog-autofocus:focus,
.ui-dialog-footer button.ui-dialog-autofocus:active {
color: #ffffff;
background-color: #3276b1;
border-color: #285e8e;
}
.ui-dialog-footer button.ui-dialog-autofocus:active {
background-image: none;
}
.ui-popup-top-left .ui-dialog,
.ui-popup-top .ui-dialog,
.ui-popup-top-right .ui-dialog {
top: -8px;
}
.ui-popup-bottom-left .ui-dialog,
.ui-popup-bottom .ui-dialog,
.ui-popup-bottom-right .ui-dialog {
top: 8px;
}
.ui-popup-left-top .ui-dialog,
.ui-popup-left .ui-dialog,
.ui-popup-left-bottom .ui-dialog {
left: -8px;
}
.ui-popup-right-top .ui-dialog,
.ui-popup-right .ui-dialog,
.ui-popup-right-bottom .ui-dialog {
left: 8px;
}
.ui-dialog-arrow-a,
.ui-dialog-arrow-b {
position: absolute;
display: none;
width: 0;
height: 0;
overflow: hidden;
_color: #FF3FFF;
_filter: chroma(color=#FF3FFF);
border: 8px dashed transparent;
}
.ui-popup-follow .ui-dialog-arrow-a,
.ui-popup-follow .ui-dialog-arrow-b {
display: block;
}
.ui-popup-top-left .ui-dialog-arrow-a,
.ui-popup-top .ui-dialog-arrow-a,
.ui-popup-top-right .ui-dialog-arrow-a {
bottom: -16px;
border-top: 8px solid #7C7C7C;
}
.ui-popup-top-left .ui-dialog-arrow-b,
.ui-popup-top .ui-dialog-arrow-b,
.ui-popup-top-right .ui-dialog-arrow-b {
bottom: -15px;
border-top: 8px solid #fff;
}
.ui-popup-top-left .ui-dialog-arrow-a,
.ui-popup-top-left .ui-dialog-arrow-b {
left: 15px;
}
.ui-popup-top .ui-dialog-arrow-a,
.ui-popup-top .ui-dialog-arrow-b {
left: 50%;
margin-left: -8px;
}
.ui-popup-top-right .ui-dialog-arrow-a,
.ui-popup-top-right .ui-dialog-arrow-b {
right: 15px;
}
.ui-popup-bottom-left .ui-dialog-arrow-a,
.ui-popup-bottom .ui-dialog-arrow-a,
.ui-popup-bottom-right .ui-dialog-arrow-a {
top: -16px;
border-bottom: 8px solid #7C7C7C;
}
.ui-popup-bottom-left .ui-dialog-arrow-b,
.ui-popup-bottom .ui-dialog-arrow-b,
.ui-popup-bottom-right .ui-dialog-arrow-b {
top: -15px;
border-bottom: 8px solid #fff;
}
.ui-popup-bottom-left .ui-dialog-arrow-a,
.ui-popup-bottom-left .ui-dialog-arrow-b {
left: 15px;
}
.ui-popup-bottom .ui-dialog-arrow-a,
.ui-popup-bottom .ui-dialog-arrow-b {
margin-left: -8px;
left: 50%;
}
.ui-popup-bottom-right .ui-dialog-arrow-a,
.ui-popup-bottom-right .ui-dialog-arrow-b {
right: 15px;
}
.ui-popup-left-top .ui-dialog-arrow-a,
.ui-popup-left .ui-dialog-arrow-a,
.ui-popup-left-bottom .ui-dialog-arrow-a {
right: -16px;
border-left: 8px solid #7C7C7C;
}
.ui-popup-left-top .ui-dialog-arrow-b,
.ui-popup-left .ui-dialog-arrow-b,
.ui-popup-left-bottom .ui-dialog-arrow-b {
right: -15px;
border-left: 8px solid #fff;
}
.ui-popup-left-top .ui-dialog-arrow-a,
.ui-popup-left-top .ui-dialog-arrow-b {
top: 15px;
}
.ui-popup-left .ui-dialog-arrow-a,
.ui-popup-left .ui-dialog-arrow-b {
margin-top: -8px;
top: 50%;
}
.ui-popup-left-bottom .ui-dialog-arrow-a,
.ui-popup-left-bottom .ui-dialog-arrow-b {
bottom: 15px;
}
.ui-popup-right-top .ui-dialog-arrow-a,
.ui-popup-right .ui-dialog-arrow-a,
.ui-popup-right-bottom .ui-dialog-arrow-a {
left: -16px;
border-right: 8px solid #7C7C7C;
}
.ui-popup-right-top .ui-dialog-arrow-b,
.ui-popup-right .ui-dialog-arrow-b,
.ui-popup-right-bottom .ui-dialog-arrow-b {
left: -15px;
border-right: 8px solid #fff;
}
.ui-popup-right-top .ui-dialog-arrow-a,
.ui-popup-right-top .ui-dialog-arrow-b {
top: 15px;
}
.ui-popup-right .ui-dialog-arrow-a,
.ui-popup-right .ui-dialog-arrow-b {
margin-top: -8px;
top: 50%;
}
.ui-popup-right-bottom .ui-dialog-arrow-a,
.ui-popup-right-bottom .ui-dialog-arrow-b {
bottom: 15px;
}
@-webkit-keyframes ui-dialog-loading {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes ui-dialog-loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.ui-dialog-loading {
vertical-align: middle;
position: relative;
display: block;
*zoom: 1;
*display: inline;
overflow: hidden;
width: 32px;
height: 32px;
top: 50%;
margin: -16px auto 0 auto;
font-size: 0;
text-indent: -999em;
color: #666;
}
.ui-dialog-loading {
width: 100%\9;
text-indent: 0\9;
line-height: 32px\9;
text-align: center\9;
font-size: 12px\9;
}
.ui-dialog-loading::after {
position: absolute;
content: '';
width: 3px;
height: 3px;
margin: 14.5px 0 0 14.5px;
border-radius: 100%;
box-shadow: 0 -10px 0 1px #ccc, 10px 0px #ccc, 0 10px #ccc, -10px 0 #ccc, -7px -7px 0 0.5px #ccc, 7px -7px 0 1.5px #ccc, 7px 7px #ccc, -7px 7px #ccc;
-webkit-transform: rotate(360deg);
-webkit-animation: ui-dialog-loading 1.5s infinite linear;
transform: rotate(360deg);
animation: ui-dialog-loading 1.5s infinite linear;
display: none\9;
}
dist/html/caseDetails.html
......@@ -65,32 +65,35 @@
</section>
<section class="caseContent">
<h4><span>案</span>列介绍</h4>
<div>
<ul>
<li>
<a href="../html/caseSpecific.html?c=1">
<h3>凤凰沟越野自行车马拉松比赛</h3>
<div class="img">
<img src="../img/testImg.jpg" alt=""/>
</div>
<p>关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情</p>
</a>
</li>
<li>
<a href="../html/caseSpecific.html?c=1">
<h3>凤凰沟越野自行车马拉松比赛</h3>
<div class="img">
<img src="../img/testImg.jpg" alt=""/>
</div>
<p>关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情</p>
</a>
</li>
</ul>
<span><input type="button" value="更多" class="more"/></span>
</div>
<!-- <h4><span>案</span>列介绍</h4>
<div>
<ul>
<li>
<a href="../html/caseSpecific.html?c=1">
<h3>凤凰沟越野自行车马拉松比赛</h3>
<div class="img">
<img src="../img/testImg.jpg" alt=""/>
</div>
<p>关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情</p>
</a>
</li>
<li>
<a href="../html/caseSpecific.html?c=1">
<h3>凤凰沟越野自行车马拉松比赛</h3>
<div class="img">
<img src="../img/testImg.jpg" alt=""/>
</div>
<p>关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情</p>
</a>
</li>
</ul>
<span><input type="button" value="更多" class="more"/></span>
</div>
-->
<p class="space">暂未搜索到相关数据</p>
</section>
</article>
<!--引入公用版权部分-->
......
dist/html/gal_activity.html
......@@ -12,6 +12,7 @@
<title>企视录官网</title>
<link href="logo_128.ico" rel="Shortcut Icon">
<link rel="stylesheet" href="../css/jcarousellite.css">
<link rel="stylesheet" href="../css/largeSlides.css">
<link rel="stylesheet" href="../css/index.css">
</head>
......@@ -302,6 +303,8 @@
</li>
</ul>
</section>
<!--<p class="space">暂无相关数据</p>-->
<div class="pageDiv"></div>
</article>
<!--引入公用版权部分-->
<footer>
......@@ -317,6 +320,7 @@
<script src="../js/jquery-1.11.1.js"></script>
<script src="../js/jquery.mousewheel-3.1.12.js"></script>
<script src="../js/jquery.jcarousellite.js"></script>
<script src="../js/jquery.page.js"></script>
<script src="../js/public.js"></script>
<!--五张图轮播效果-->
<script type="text/javascript">
......@@ -373,6 +377,18 @@
}
}
</script>
<!--分页参数配置-->
<script type="text/javascript">
$(function(){$(".pageDiv").createPage({
pageCount:2,//总页数
current:1,//当前页
turndown:'true',//是否显示跳转框，显示为true，不现实为false,一定记得加上引号...
backFn:function(p,args){
console.log(p);
}
});
})
<script>
/*案例模块伪类效果*/
$(".carousel ul li").mouseenter(function(){
......
dist/html/gallery.html
......@@ -234,6 +234,7 @@
</li>
</ul>
</div>
<!-- <p class="space">暂未搜索到相关数据</p>-->
<div class="pageDiv"></div>
</section>
</article>
......
dist/html/index.html
......@@ -14,6 +14,7 @@
<link rel="stylesheet" href="../css/largeSlides.css">
<link rel="stylesheet" href="../css/jcarousellite.css">
<link rel="stylesheet" href="../css/ui-dialog.css">
<link rel="stylesheet" href="../css/index.css">
<script>
/*便于百度搜索引擎*/
......@@ -206,7 +207,7 @@
<div>
<img src="../img/case_img.png" alt=""/>
</div>
<h3>维多利亚</h3>
<h3>维多利亚维多利亚维多利亚维多利亚维多利亚维多利亚维多利亚维多利亚维多利亚维多利亚维多利亚维多利亚维多利亚维多利亚维多利亚维多利亚</h3>
<p>企视录提供企业肖像、企业产品、企业广告、会议跟拍、企业宣传片、VR摄影、VR直播等全方位影像服务，可满足企业全面需求，目前企视录合作摄影师覆盖全国主要一二线城市，可在全国范围内提供企业视觉服务，企视录自主开发的SAAS影像管理系统，可以满足企业影像存储、管理、分发、媒体发布等全方位需求，可有效提高企业运营效率。</p>
</a>
</li>
......@@ -285,6 +286,7 @@
<script src="../js/responsiveslides.min.js"></script>
<script src="../js/jquery.mousewheel-3.1.12.js"></script>
<script src="../js/jquery.jcarousellite.js"></script>
<script src="../js/dialog-min.js"></script>
<script src="../js/public.js"></script>
......@@ -312,6 +314,22 @@
scroll: 5
});
</script>
<!--模态框配置-->
<script>
var d = dialog({
title: '提示信息',
content: '提交成功',
okValue: '确定',
ok: function () {
this.title('提交中…');
return false;
},
cancelValue: '取消',
cancel: function () {}
});
</script>
<script>
/*案例模块放大效果*/
$(".case ul li").mouseenter(function(){
......@@ -352,9 +370,14 @@
}
$("#submitBtn").click(function(){
d.showModal();
/* setTimeout(function () {
d.close().remove();
}, 2000);*/
if(regValidation($("#name"),0,org_people)&&regValidation($("#tel"),0,phones)){
$("#form").submit();
return true;
}else{
return false;
}
......
dist/js/dialog-min.js 0 → 100644
/*! artDialog v6.0.5 | https://github.com/aui/artDialog */
!function(){function a(b){var d=c[b],e="exports";return"object"==typeof d?d:(d[e]||(d[e]={},d[e]=d.call(d[e],a,d[e],d)||d[e]),d[e])}function b(a,b){c[a]=b}var c={};b("jquery",function(){return jQuery}),b("popup",function(a){function b(){this.destroyed=!1,this.__popup=c("<div />").css({display:"none",position:"absolute",outline:0}).attr("tabindex","-1").html(this.innerHTML).appendTo("body"),this.__backdrop=this.__mask=c("<div />").css({opacity:.7,background:"#000"}),this.node=this.__popup[0],this.backdrop=this.__backdrop[0],d++}var c=a("jquery"),d=0,e=!("minWidth"in c("html")[0].style),f=!e;return c.extend(b.prototype,{node:null,backdrop:null,fixed:!1,destroyed:!0,open:!1,returnValue:"",autofocus:!0,align:"bottom left",innerHTML:"",className:"ui-popup",show:function(a){if(this.destroyed)return this;var d=this.__popup,g=this.__backdrop;if(this.__activeElement=this.__getActive(),this.open=!0,this.follow=a||this.follow,!this.__ready){if(d.addClass(this.className).attr("role",this.modal?"alertdialog":"dialog").css("position",this.fixed?"fixed":"absolute"),e||c(window).on("resize",c.proxy(this.reset,this)),this.modal){var h={position:"fixed",left:0,top:0,width:"100%",height:"100%",overflow:"hidden",userSelect:"none",zIndex:this.zIndex||b.zIndex};d.addClass(this.className+"-modal"),f||c.extend(h,{position:"absolute",width:c(window).width()+"px",height:c(document).height()+"px"}),g.css(h).attr({tabindex:"0"}).on("focus",c.proxy(this.focus,this)),this.__mask=g.clone(!0).attr("style","").insertAfter(d),g.addClass(this.className+"-backdrop").insertBefore(d),this.__ready=!0}d.html()||d.html(this.innerHTML)}return d.addClass(this.className+"-show").show(),g.show(),this.reset().focus(),this.__dispatchEvent("show"),this},showModal:function(){return this.modal=!0,this.show.apply(this,arguments)},close:function(a){return!this.destroyed&&this.open&&(void 0!==a&&(this.returnValue=a),this.__popup.hide().removeClass(this.className+"-show"),this.__backdrop.hide(),this.open=!1,this.blur(),this.__dispatchEvent("close")),this},remove:function(){if(this.destroyed)return this;this.__dispatchEvent("beforeremove"),b.current===this&&(b.current=null),this.__popup.remove(),this.__backdrop.remove(),this.__mask.remove(),e||c(window).off("resize",this.reset),this.__dispatchEvent("remove");for(var a in this)delete this[a];return this},reset:function(){var a=this.follow;return a?this.__follow(a):this.__center(),this.__dispatchEvent("reset"),this},focus:function(){var a=this.node,d=this.__popup,e=b.current,f=this.zIndex=b.zIndex++;if(e&&e!==this&&e.blur(!1),!c.contains(a,this.__getActive())){var g=d.find("[autofocus]")[0];!this._autofocus&&g?this._autofocus=!0:g=a,this.__focus(g)}return d.css("zIndex",f),b.current=this,d.addClass(this.className+"-focus"),this.__dispatchEvent("focus"),this},blur:function(){var a=this.__activeElement,b=arguments[0];return b!==!1&&this.__focus(a),this._autofocus=!1,this.__popup.removeClass(this.className+"-focus"),this.__dispatchEvent("blur"),this},addEventListener:function(a,b){return this.__getEventListener(a).push(b),this},removeEventListener:function(a,b){for(var c=this.__getEventListener(a),d=0;d<c.length;d++)b===c[d]&&c.splice(d--,1);return this},__getEventListener:function(a){var b=this.__listener;return b||(b=this.__listener={}),b[a]||(b[a]=[]),b[a]},__dispatchEvent:function(a){var b=this.__getEventListener(a);this["on"+a]&&this["on"+a]();for(var c=0;c<b.length;c++)b[c].call(this)},__focus:function(a){try{this.autofocus&&!/^iframe$/i.test(a.nodeName)&&a.focus()}catch(b){}},__getActive:function(){try{var a=document.activeElement,b=a.contentDocument,c=b&&b.activeElement||a;return c}catch(d){}},__center:function(){var a=this.__popup,b=c(window),d=c(document),e=this.fixed,f=e?0:d.scrollLeft(),g=e?0:d.scrollTop(),h=b.width(),i=b.height(),j=a.width(),k=a.height(),l=(h-j)/2+f,m=382*(i-k)/1e3+g,n=a[0].style;n.left=Math.max(parseInt(l),f)+"px",n.top=Math.max(parseInt(m),g)+"px"},__follow:function(a){var b=a.parentNode&&c(a),d=this.__popup;if(this.__followSkin&&d.removeClass(this.__followSkin),b){var e=b.offset();if(e.left*e.top<0)return this.__center()}var f=this,g=this.fixed,h=c(window),i=c(document),j=h.width(),k=h.height(),l=i.scrollLeft(),m=i.scrollTop(),n=d.width(),o=d.height(),p=b?b.outerWidth():0,q=b?b.outerHeight():0,r=this.__offset(a),s=r.left,t=r.top,u=g?s-l:s,v=g?t-m:t,w=g?0:l,x=g?0:m,y=w+j-n,z=x+k-o,A={},B=this.align.split(" "),C=this.className+"-",D={top:"bottom",bottom:"top",left:"right",right:"left"},E={top:"top",bottom:"top",left:"left",right:"left"},F=[{top:v-o,bottom:v+q,left:u-n,right:u+p},{top:v,bottom:v-o+q,left:u,right:u-n+p}],G={left:u+p/2-n/2,top:v+q/2-o/2},H={left:[w,y],top:[x,z]};c.each(B,function(a,b){F[a][b]>H[E[b]][1]&&(b=B[a]=D[b]),F[a][b]<H[E[b]][0]&&(B[a]=D[b])}),B[1]||(E[B[1]]="left"===E[B[0]]?"top":"left",F[1][B[1]]=G[E[B[1]]]),C+=B.join("-")+" "+this.className+"-follow",f.__followSkin=C,b&&d.addClass(C),A[E[B[0]]]=parseInt(F[0][B[0]]),A[E[B[1]]]=parseInt(F[1][B[1]]),d.css(A)},__offset:function(a){var b=a.parentNode,d=b?c(a).offset():{left:a.pageX,top:a.pageY};a=b?a:a.target;var e=a.ownerDocument,f=e.defaultView||e.parentWindow;if(f==window)return d;var g=f.frameElement,h=c(e),i=h.scrollLeft(),j=h.scrollTop(),k=c(g).offset(),l=k.left,m=k.top;return{left:d.left+l-i,top:d.top+m-j}}}),b.zIndex=1024,b.current=null,b}),b("dialog-config",{backdropBackground:"#000",backdropOpacity:.7,content:'<span class="ui-dialog-loading">Loading..</span>',title:"",statusbar:"",button:null,ok:null,cancel:null,okValue:"ok",cancelValue:"cancel",cancelDisplay:!0,width:"",height:"",padding:"",skin:"",quickClose:!1,cssUri:"../css/ui-dialog.less",innerHTML:'<div i="dialog" class="ui-dialog"><div class="ui-dialog-arrow-a"></div><div class="ui-dialog-arrow-b"></div><table class="ui-dialog-grid"><tr><td i="header" class="ui-dialog-header"><button i="close" class="ui-dialog-close">&#215;</button><div i="title" class="ui-dialog-title"></div></td></tr><tr><td i="body" class="ui-dialog-body"><div i="content" class="ui-dialog-content"></div></td></tr><tr><td i="footer" class="ui-dialog-footer"><div i="statusbar" class="ui-dialog-statusbar"></div><div i="button" class="ui-dialog-button"></div></td></tr></table></div>'}),b("dialog",function(a){var b=a("jquery"),c=a("popup"),d=a("dialog-config"),e=d.cssUri;if(e){var f=a[a.toUrl?"toUrl":"resolve"];f&&(e=f(e),e='<link rel="stylesheet" href="'+e+'" />',b("base")[0]?b("base").before(e):b("head").append(e))}var g=0,h=new Date-0,i=!("minWidth"in b("html")[0].style),j="createTouch"in document&&!("onmousemove"in document)||/(iPhone|iPad|iPod)/i.test(navigator.userAgent),k=!i&&!j,l=function(a,c,d){var e=a=a||{};("string"==typeof a||1===a.nodeType)&&(a={content:a,fixed:!j}),a=b.extend(!0,{},l.defaults,a),a.original=e;var f=a.id=a.id||h+g,i=l.get(f);return i?i.focus():(k||(a.fixed=!1),a.quickClose&&(a.modal=!0,a.backdropOpacity=0),b.isArray(a.button)||(a.button=[]),void 0!==d&&(a.cancel=d),a.cancel&&a.button.push({id:"cancel",value:a.cancelValue,callback:a.cancel,display:a.cancelDisplay}),void 0!==c&&(a.ok=c),a.ok&&a.button.push({id:"ok",value:a.okValue,callback:a.ok,autofocus:!0}),l.list[f]=new l.create(a))},m=function(){};m.prototype=c.prototype;var n=l.prototype=new m;return l.create=function(a){var d=this;b.extend(this,new c);var e=(a.original,b(this.node).html(a.innerHTML)),f=b(this.backdrop);return this.options=a,this._popup=e,b.each(a,function(a,b){"function"==typeof d[a]?d[a](b):d[a]=b}),a.zIndex&&(c.zIndex=a.zIndex),e.attr({"aria-labelledby":this._$("title").attr("id","title:"+this.id).attr("id"),"aria-describedby":this._$("content").attr("id","content:"+this.id).attr("id")}),this._$("close").css("display",this.cancel===!1?"none":"").attr("title",this.cancelValue).on("click",function(a){d._trigger("cancel"),a.preventDefault()}),this._$("dialog").addClass(this.skin),this._$("body").css("padding",this.padding),a.quickClose&&f.on("onmousedown"in document?"mousedown":"click",function(){return d._trigger("cancel"),!1}),this.addEventListener("show",function(){f.css({opacity:0,background:a.backdropBackground}).animate({opacity:a.backdropOpacity},150)}),this._esc=function(a){var b=a.target,e=b.nodeName,f=/^input|textarea$/i,g=c.current===d,h=a.keyCode;!g||f.test(e)&&"button"!==b.type||27===h&&d._trigger("cancel")},b(document).on("keydown",this._esc),this.addEventListener("remove",function(){b(document).off("keydown",this._esc),delete l.list[this.id]}),g++,l.oncreate(this),this},l.create.prototype=n,b.extend(n,{content:function(a){var c=this._$("content");return"object"==typeof a?(a=b(a),c.empty("").append(a.show()),this.addEventListener("beforeremove",function(){b("body").append(a.hide())})):c.html(a),this.reset()},title:function(a){return this._$("title").text(a),this._$("header")[a?"show":"hide"](),this},width:function(a){return this._$("content").css("width",a),this.reset()},height:function(a){return this._$("content").css("height",a),this.reset()},button:function(a){a=a||[];var c=this,d="",e=0;return this.callbacks={},"string"==typeof a?(d=a,e++):b.each(a,function(a,f){var g=f.id=f.id||f.value,h="";c.callbacks[g]=f.callback,f.display===!1?h=' style="display:none"':e++,d+='<button type="button" i-id="'+g+'"'+h+(f.disabled?" disabled":"")+(f.autofocus?' autofocus class="ui-dialog-autofocus"':"")+">"+f.value+"</button>",c._$("button").on("click","[i-id="+g+"]",function(a){var d=b(this);d.attr("disabled")||c._trigger(g),a.preventDefault()})}),this._$("button").html(d),this._$("footer")[e?"show":"hide"](),this},statusbar:function(a){return this._$("statusbar").html(a)[a?"show":"hide"](),this},_$:function(a){return this._popup.find("[i="+a+"]")},_trigger:function(a){var b=this.callbacks[a];return"function"!=typeof b||b.call(this)!==!1?this.close().remove():this}}),l.oncreate=b.noop,l.getCurrent=function(){return c.current},l.get=function(a){return void 0===a?l.list:l.list[a]},l.list={},l.defaults=d,l}),window.dialog=a("dialog")}();
\ No newline at end of file
src/js/dialog-min.js 0 → 100644
/*! artDialog v6.0.5 | https://github.com/aui/artDialog */
!function(){function a(b){var d=c[b],e="exports";return"object"==typeof d?d:(d[e]||(d[e]={},d[e]=d.call(d[e],a,d[e],d)||d[e]),d[e])}function b(a,b){c[a]=b}var c={};b("jquery",function(){return jQuery}),b("popup",function(a){function b(){this.destroyed=!1,this.__popup=c("<div />").css({display:"none",position:"absolute",outline:0}).attr("tabindex","-1").html(this.innerHTML).appendTo("body"),this.__backdrop=this.__mask=c("<div />").css({opacity:.7,background:"#000"}),this.node=this.__popup[0],this.backdrop=this.__backdrop[0],d++}var c=a("jquery"),d=0,e=!("minWidth"in c("html")[0].style),f=!e;return c.extend(b.prototype,{node:null,backdrop:null,fixed:!1,destroyed:!0,open:!1,returnValue:"",autofocus:!0,align:"bottom left",innerHTML:"",className:"ui-popup",show:function(a){if(this.destroyed)return this;var d=this.__popup,g=this.__backdrop;if(this.__activeElement=this.__getActive(),this.open=!0,this.follow=a||this.follow,!this.__ready){if(d.addClass(this.className).attr("role",this.modal?"alertdialog":"dialog").css("position",this.fixed?"fixed":"absolute"),e||c(window).on("resize",c.proxy(this.reset,this)),this.modal){var h={position:"fixed",left:0,top:0,width:"100%",height:"100%",overflow:"hidden",userSelect:"none",zIndex:this.zIndex||b.zIndex};d.addClass(this.className+"-modal"),f||c.extend(h,{position:"absolute",width:c(window).width()+"px",height:c(document).height()+"px"}),g.css(h).attr({tabindex:"0"}).on("focus",c.proxy(this.focus,this)),this.__mask=g.clone(!0).attr("style","").insertAfter(d),g.addClass(this.className+"-backdrop").insertBefore(d),this.__ready=!0}d.html()||d.html(this.innerHTML)}return d.addClass(this.className+"-show").show(),g.show(),this.reset().focus(),this.__dispatchEvent("show"),this},showModal:function(){return this.modal=!0,this.show.apply(this,arguments)},close:function(a){return!this.destroyed&&this.open&&(void 0!==a&&(this.returnValue=a),this.__popup.hide().removeClass(this.className+"-show"),this.__backdrop.hide(),this.open=!1,this.blur(),this.__dispatchEvent("close")),this},remove:function(){if(this.destroyed)return this;this.__dispatchEvent("beforeremove"),b.current===this&&(b.current=null),this.__popup.remove(),this.__backdrop.remove(),this.__mask.remove(),e||c(window).off("resize",this.reset),this.__dispatchEvent("remove");for(var a in this)delete this[a];return this},reset:function(){var a=this.follow;return a?this.__follow(a):this.__center(),this.__dispatchEvent("reset"),this},focus:function(){var a=this.node,d=this.__popup,e=b.current,f=this.zIndex=b.zIndex++;if(e&&e!==this&&e.blur(!1),!c.contains(a,this.__getActive())){var g=d.find("[autofocus]")[0];!this._autofocus&&g?this._autofocus=!0:g=a,this.__focus(g)}return d.css("zIndex",f),b.current=this,d.addClass(this.className+"-focus"),this.__dispatchEvent("focus"),this},blur:function(){var a=this.__activeElement,b=arguments[0];return b!==!1&&this.__focus(a),this._autofocus=!1,this.__popup.removeClass(this.className+"-focus"),this.__dispatchEvent("blur"),this},addEventListener:function(a,b){return this.__getEventListener(a).push(b),this},removeEventListener:function(a,b){for(var c=this.__getEventListener(a),d=0;d<c.length;d++)b===c[d]&&c.splice(d--,1);return this},__getEventListener:function(a){var b=this.__listener;return b||(b=this.__listener={}),b[a]||(b[a]=[]),b[a]},__dispatchEvent:function(a){var b=this.__getEventListener(a);this["on"+a]&&this["on"+a]();for(var c=0;c<b.length;c++)b[c].call(this)},__focus:function(a){try{this.autofocus&&!/^iframe$/i.test(a.nodeName)&&a.focus()}catch(b){}},__getActive:function(){try{var a=document.activeElement,b=a.contentDocument,c=b&&b.activeElement||a;return c}catch(d){}},__center:function(){var a=this.__popup,b=c(window),d=c(document),e=this.fixed,f=e?0:d.scrollLeft(),g=e?0:d.scrollTop(),h=b.width(),i=b.height(),j=a.width(),k=a.height(),l=(h-j)/2+f,m=382*(i-k)/1e3+g,n=a[0].style;n.left=Math.max(parseInt(l),f)+"px",n.top=Math.max(parseInt(m),g)+"px"},__follow:function(a){var b=a.parentNode&&c(a),d=this.__popup;if(this.__followSkin&&d.removeClass(this.__followSkin),b){var e=b.offset();if(e.left*e.top<0)return this.__center()}var f=this,g=this.fixed,h=c(window),i=c(document),j=h.width(),k=h.height(),l=i.scrollLeft(),m=i.scrollTop(),n=d.width(),o=d.height(),p=b?b.outerWidth():0,q=b?b.outerHeight():0,r=this.__offset(a),s=r.left,t=r.top,u=g?s-l:s,v=g?t-m:t,w=g?0:l,x=g?0:m,y=w+j-n,z=x+k-o,A={},B=this.align.split(" "),C=this.className+"-",D={top:"bottom",bottom:"top",left:"right",right:"left"},E={top:"top",bottom:"top",left:"left",right:"left"},F=[{top:v-o,bottom:v+q,left:u-n,right:u+p},{top:v,bottom:v-o+q,left:u,right:u-n+p}],G={left:u+p/2-n/2,top:v+q/2-o/2},H={left:[w,y],top:[x,z]};c.each(B,function(a,b){F[a][b]>H[E[b]][1]&&(b=B[a]=D[b]),F[a][b]<H[E[b]][0]&&(B[a]=D[b])}),B[1]||(E[B[1]]="left"===E[B[0]]?"top":"left",F[1][B[1]]=G[E[B[1]]]),C+=B.join("-")+" "+this.className+"-follow",f.__followSkin=C,b&&d.addClass(C),A[E[B[0]]]=parseInt(F[0][B[0]]),A[E[B[1]]]=parseInt(F[1][B[1]]),d.css(A)},__offset:function(a){var b=a.parentNode,d=b?c(a).offset():{left:a.pageX,top:a.pageY};a=b?a:a.target;var e=a.ownerDocument,f=e.defaultView||e.parentWindow;if(f==window)return d;var g=f.frameElement,h=c(e),i=h.scrollLeft(),j=h.scrollTop(),k=c(g).offset(),l=k.left,m=k.top;return{left:d.left+l-i,top:d.top+m-j}}}),b.zIndex=1024,b.current=null,b}),b("dialog-config",{backdropBackground:"#000",backdropOpacity:.7,content:'<span class="ui-dialog-loading">Loading..</span>',title:"",statusbar:"",button:null,ok:null,cancel:null,okValue:"ok",cancelValue:"cancel",cancelDisplay:!0,width:"",height:"",padding:"",skin:"",quickClose:!1,cssUri:"../css/ui-dialog.less",innerHTML:'<div i="dialog" class="ui-dialog"><div class="ui-dialog-arrow-a"></div><div class="ui-dialog-arrow-b"></div><table class="ui-dialog-grid"><tr><td i="header" class="ui-dialog-header"><button i="close" class="ui-dialog-close">&#215;</button><div i="title" class="ui-dialog-title"></div></td></tr><tr><td i="body" class="ui-dialog-body"><div i="content" class="ui-dialog-content"></div></td></tr><tr><td i="footer" class="ui-dialog-footer"><div i="statusbar" class="ui-dialog-statusbar"></div><div i="button" class="ui-dialog-button"></div></td></tr></table></div>'}),b("dialog",function(a){var b=a("jquery"),c=a("popup"),d=a("dialog-config"),e=d.cssUri;if(e){var f=a[a.toUrl?"toUrl":"resolve"];f&&(e=f(e),e='<link rel="stylesheet" href="'+e+'" />',b("base")[0]?b("base").before(e):b("head").append(e))}var g=0,h=new Date-0,i=!("minWidth"in b("html")[0].style),j="createTouch"in document&&!("onmousemove"in document)||/(iPhone|iPad|iPod)/i.test(navigator.userAgent),k=!i&&!j,l=function(a,c,d){var e=a=a||{};("string"==typeof a||1===a.nodeType)&&(a={content:a,fixed:!j}),a=b.extend(!0,{},l.defaults,a),a.original=e;var f=a.id=a.id||h+g,i=l.get(f);return i?i.focus():(k||(a.fixed=!1),a.quickClose&&(a.modal=!0,a.backdropOpacity=0),b.isArray(a.button)||(a.button=[]),void 0!==d&&(a.cancel=d),a.cancel&&a.button.push({id:"cancel",value:a.cancelValue,callback:a.cancel,display:a.cancelDisplay}),void 0!==c&&(a.ok=c),a.ok&&a.button.push({id:"ok",value:a.okValue,callback:a.ok,autofocus:!0}),l.list[f]=new l.create(a))},m=function(){};m.prototype=c.prototype;var n=l.prototype=new m;return l.create=function(a){var d=this;b.extend(this,new c);var e=(a.original,b(this.node).html(a.innerHTML)),f=b(this.backdrop);return this.options=a,this._popup=e,b.each(a,function(a,b){"function"==typeof d[a]?d[a](b):d[a]=b}),a.zIndex&&(c.zIndex=a.zIndex),e.attr({"aria-labelledby":this._$("title").attr("id","title:"+this.id).attr("id"),"aria-describedby":this._$("content").attr("id","content:"+this.id).attr("id")}),this._$("close").css("display",this.cancel===!1?"none":"").attr("title",this.cancelValue).on("click",function(a){d._trigger("cancel"),a.preventDefault()}),this._$("dialog").addClass(this.skin),this._$("body").css("padding",this.padding),a.quickClose&&f.on("onmousedown"in document?"mousedown":"click",function(){return d._trigger("cancel"),!1}),this.addEventListener("show",function(){f.css({opacity:0,background:a.backdropBackground}).animate({opacity:a.backdropOpacity},150)}),this._esc=function(a){var b=a.target,e=b.nodeName,f=/^input|textarea$/i,g=c.current===d,h=a.keyCode;!g||f.test(e)&&"button"!==b.type||27===h&&d._trigger("cancel")},b(document).on("keydown",this._esc),this.addEventListener("remove",function(){b(document).off("keydown",this._esc),delete l.list[this.id]}),g++,l.oncreate(this),this},l.create.prototype=n,b.extend(n,{content:function(a){var c=this._$("content");return"object"==typeof a?(a=b(a),c.empty("").append(a.show()),this.addEventListener("beforeremove",function(){b("body").append(a.hide())})):c.html(a),this.reset()},title:function(a){return this._$("title").text(a),this._$("header")[a?"show":"hide"](),this},width:function(a){return this._$("content").css("width",a),this.reset()},height:function(a){return this._$("content").css("height",a),this.reset()},button:function(a){a=a||[];var c=this,d="",e=0;return this.callbacks={},"string"==typeof a?(d=a,e++):b.each(a,function(a,f){var g=f.id=f.id||f.value,h="";c.callbacks[g]=f.callback,f.display===!1?h=' style="display:none"':e++,d+='<button type="button" i-id="'+g+'"'+h+(f.disabled?" disabled":"")+(f.autofocus?' autofocus class="ui-dialog-autofocus"':"")+">"+f.value+"</button>",c._$("button").on("click","[i-id="+g+"]",function(a){var d=b(this);d.attr("disabled")||c._trigger(g),a.preventDefault()})}),this._$("button").html(d),this._$("footer")[e?"show":"hide"](),this},statusbar:function(a){return this._$("statusbar").html(a)[a?"show":"hide"](),this},_$:function(a){return this._popup.find("[i="+a+"]")},_trigger:function(a){var b=this.callbacks[a];return"function"!=typeof b||b.call(this)!==!1?this.close().remove():this}}),l.oncreate=b.noop,l.getCurrent=function(){return c.current},l.get=function(a){return void 0===a?l.list:l.list[a]},l.list={},l.defaults=d,l}),window.dialog=a("dialog")}();
\ No newline at end of file
src/less/common/header_footer.less
......@@ -13,11 +13,18 @@ header{
}
>ul li{
float: left;
font-size:16px;
margin: 45px 15px auto 15px;
font-size: 16px;
margin: 30px 15px auto 15px;
height: 60px;
line-height: 36px;
width: 40px;
text-align: center;
vertical-align: middle;
a{
color: #FFFFFF;
display: inline-block;
width:100%;
font-size: 18px;
}
&.active{
a{
......
src/less/common/mixin/common.less
......@@ -29,6 +29,14 @@
-moz-line-clamp: @n;
-o-line-clamp: @n;
}
/*数据为空提示文字效果*/
.spaceData{
text-align: center;
font-size: 14px;
line-height: 100px;
color: #999;
font-weight: 400;
}
/*图片居中显示处理*/
.img-h-auto {
width : 100%;
......
src/less/index.less
......@@ -10,7 +10,7 @@
.margin-auto(1200px,547px);
overflow: hidden;
padding: 30px 100px;
background: #f2f2f3;
background: #f3f3f3;
>h2{
color: #353535;
line-height: 100px;
......@@ -20,10 +20,10 @@
}
.serveType{
>ul li{
width: 330px;
width: 333px;
float: left;
padding: 0 60px;
height: 170px;
padding: 0 35px;
min-height: 170px;
overflow: hidden;
>span{
display: inline-block;
......@@ -61,14 +61,14 @@
float: left;
h4{
line-height: 45px;
font-size: 16px;
font-size: 18px;
color: #767676;
}
small{
display: inline-block;
font-size: 12px;
font-size: 14px;
color: #afafaf;
line-height: 18px;
line-height: 25px;
width: 100%;
overflow: hidden;
}
......@@ -175,11 +175,11 @@
}
}
.case{
.margin-auto(1200px,752px);
.margin-auto(1200px,730px);
padding:30px 0;
background: #ffffff;
>ul{
margin-top: 90px;
margin-top: 65px;
li{
float: left;
margin: 10px 40px;
......@@ -202,20 +202,21 @@
}
h3{
font-size:16px;
color: #d3d3d3;
color: #999;
padding:0 20px;
line-height: 30px;
text-align: left;
.ellipsis(1);
font-weight:500;
}
p{
font-size:14px;
color: #d3d3d3;
color: #999;
padding:0 20px;
line-height: 20px;
height: 40px;
width: 94%;
text-align: left;
.ellipsis(2);
.ellipsis(1);
}
}
li.active{
......@@ -227,6 +228,13 @@
div{
opacity: 1;
}
h3{
color: #fff;
line-height: 25px;
}
p{
color: #8899a8;
}
}
}
......@@ -424,7 +432,7 @@ article.case {
padding-right:0px;
}
a{
color: #d0d3d7;
color: #999;
font-size: 16px;
display: inline-block;
}
......@@ -518,9 +526,13 @@ article.case {
.more{
.button(163px,53px,#1dd2af,#fff);
margin: 50px auto 0px;
display: block;
}
}
}
.space{
.spaceData();
}
}
.htmlContent{
.margin-auto(1200px,auto);
......@@ -531,7 +543,7 @@ article.case {
.gallery{
.margin-auto(1200px,auto);
background: #f3f3f3;
padding: 80px 128px;
padding: 80px 128px 0px 128px;
.coverSlide{
.margin-auto(935px,444px);
p{
......@@ -572,6 +584,9 @@ article.case {
}
}
}
.space{
.spaceData();
}
.searchContent{
.maskLists();
ul.lists li{
......@@ -587,81 +602,82 @@ article.case {
margin-bottom: 30px;
}
/*分页模块*/
.pageDiv {
padding: 15px 20px;
}
/*分页模块*/
.pageDiv {
margin: 60px auto;
padding: 15px 20px;
text-align: center;
color: #ccc;
clear: both;
a {
display: inline-block;
height: 28px;
line-height: 28px;
padding: 0 10px;
text-align: center;
color: #ccc;
clear: both;
a {
display: inline-block;
height: 28px;
line-height: 28px;
padding: 0 10px;
text-align: center;
margin: 0 5px;
color: #1dd2af;
font-size: 12px;
vertical-align: middle;
background: #fff;
border: 1px solid #fff;
&:hover{
text-decoration: none;
border: 1px solid #dddddd;
}
}
span.current {
display: inline-block;
height: 28px;
line-height: 28px;
padding: 0 10px;
text-align: center;
margin: 0 5px;
color: #fff;
font-size: 12px;
vertical-align: middle;
background: #1dd2af;
}
span.disabled {
display: inline-block;
height: 25px;
line-height: 25px;
padding: 0 10px;
text-align: center;
margin: 0 5px;
color: #ccc;
font-size: 12px;
vertical-align: middle;
background: #f2f2f2;
border: 1px solid #e5e5e6;
}
span.pagecount {
padding: 0 10px;
font-size: 14px;
color: #999999;
margin-right: -30px;
}
span.countYe {
color: #4C4C4C;
font-size: 14px;
margin-left: 30px;
}
span.countYe input {
outline: none;
border: 1px solid #ddd;
height: 28px;
padding: 0px 10px;
width: 50px;
margin: 0 5px;
}
a.turndown {
.button(50px,28px,#1dd2af,#fff);
line-height: 28px;
border-radius: 0px;
margin-left:15px;
font-size: 12px;
margin: 0 5px;
color: #1dd2af;
font-size: 12px;
vertical-align: middle;
background: #fff;
border: 1px solid #fff;
&:hover{
text-decoration: none;
border: 1px solid #dddddd;
}
}
span.current {
display: inline-block;
height: 28px;
line-height: 28px;
padding: 0 10px;
text-align: center;
margin: 0 5px;
color: #fff;
font-size: 12px;
vertical-align: middle;
background: #1dd2af;
}
span.disabled {
display: inline-block;
height: 25px;
line-height: 25px;
padding: 0 10px;
text-align: center;
margin: 0 5px;
color: #ccc;
font-size: 12px;
vertical-align: middle;
background: #f2f2f2;
border: 1px solid #e5e5e6;
}
span.pagecount {
padding: 0 10px;
font-size: 14px;
color: #999999;
margin-right: -30px;
}
span.countYe {
color: #4C4C4C;
font-size: 14px;
margin-left: 30px;
}
span.countYe input {
outline: none;
border: 1px solid #ddd;
height: 28px;
padding: 0px 10px;
width: 50px;
margin: 0 5px;
}
a.turndown {
.button(50px,28px,#1dd2af,#fff);
line-height: 28px;
border-radius: 0px;
margin-left:15px;
font-size: 12px;
}
}
/*活动详情页*/
.activeDetails{
......@@ -881,6 +897,10 @@ article.case {
}
}
}
.space{
.spaceData();
line-height: 230px;
}
}
/*工作机会页面*/
.works{
......
src/pages/caseDetails.ejs
......@@ -41,32 +41,35 @@
</section>
<section class="caseContent">
<h4><span>案</span>列介绍</h4>
<div>
<ul>
<li>
<a href="../html/caseSpecific.html?c=1">
<h3>凤凰沟越野自行车马拉松比赛</h3>
<div class="img">
<img src="../img/testImg.jpg" alt=""/>
</div>
<p>关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情</p>
</a>
</li>
<li>
<a href="../html/caseSpecific.html?c=1">
<h3>凤凰沟越野自行车马拉松比赛</h3>
<div class="img">
<img src="../img/testImg.jpg" alt=""/>
</div>
<p>关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情</p>
</a>
</li>
</ul>
<span><input type="button" value="更多" class="more"/></span>
</div>
<!-- <h4><span>案</span>列介绍</h4>
<div>
<ul>
<li>
<a href="../html/caseSpecific.html?c=1">
<h3>凤凰沟越野自行车马拉松比赛</h3>
<div class="img">
<img src="../img/testImg.jpg" alt=""/>
</div>
<p>关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情</p>
</a>
</li>
<li>
<a href="../html/caseSpecific.html?c=1">
<h3>凤凰沟越野自行车马拉松比赛</h3>
<div class="img">
<img src="../img/testImg.jpg" alt=""/>
</div>
<p>关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情关于比赛的详情</p>
</a>
</li>
</ul>
<span><input type="button" value="更多" class="more"/></span>
</div>
-->
<p class="space">暂未搜索到相关数据</p>
</section>
</article>
<!--引入公用版权部分-->
......
src/pages/gal_activity.ejs
......@@ -12,6 +12,7 @@
<title>企视录官网</title>
<link href="logo_128.ico" rel="Shortcut Icon">
<link rel="stylesheet" href="../css/jcarousellite.css">
<link rel="stylesheet" href="../css/largeSlides.css">
<link rel="stylesheet" href="../css/index.css">
</head>
......@@ -278,6 +279,8 @@
</li>
</ul>
</section>
<!--<p class="space">暂无相关数据</p>-->
<div class="pageDiv"></div>
</article>
<!--引入公用版权部分-->
<% include ./common/footer.ejs %>
......@@ -285,6 +288,7 @@
<script src="../js/jquery-1.11.1.js"></script>
<script src="../js/jquery.mousewheel-3.1.12.js"></script>
<script src="../js/jquery.jcarousellite.js"></script>
<script src="../js/jquery.page.js"></script>
<script src="../js/public.js"></script>
<!--五张图轮播效果-->
<script type="text/javascript">
......@@ -341,6 +345,18 @@
}
}
</script>
<!--分页参数配置-->
<script type="text/javascript">
$(function(){$(".pageDiv").createPage({
pageCount:2,//总页数
current:1,//当前页
turndown:'true',//是否显示跳转框，显示为true，不现实为false,一定记得加上引号...
backFn:function(p,args){
console.log(p);
}
});
})
<script>
/*案例模块伪类效果*/
$(".carousel ul li").mouseenter(function(){
......
src/pages/gallery.ejs
......@@ -53,6 +53,7 @@
<!--引入遮罩图片列表-->
<% include ./common/maskLists.ejs %>
</div>
<!-- <p class="space">暂未搜索到相关数据</p>-->
<div class="pageDiv"></div>
</section>
</article>
......
src/pages/index.ejs
......@@ -14,6 +14,7 @@
<link rel="stylesheet" href="../css/largeSlides.css">
<link rel="stylesheet" href="../css/jcarousellite.css">
<link rel="stylesheet" href="../css/ui-dialog.css">
<link rel="stylesheet" href="../css/index.css">
<script>
/*便于百度搜索引擎*/
......@@ -182,7 +183,7 @@
<div>
<img src="../img/case_img.png" alt=""/>
</div>
<h3>维多利亚</h3>
<h3>维多利亚维多利亚维多利亚维多利亚维多利亚维多利亚维多利亚维多利亚维多利亚维多利亚维多利亚维多利亚维多利亚维多利亚维多利亚维多利亚</h3>
<p>企视录提供企业肖像、企业产品、企业广告、会议跟拍、企业宣传片、VR摄影、VR直播等全方位影像服务，可满足企业全面需求，目前企视录合作摄影师覆盖全国主要一二线城市，可在全国范围内提供企业视觉服务，企视录自主开发的SAAS影像管理系统，可以满足企业影像存储、管理、分发、媒体发布等全方位需求，可有效提高企业运营效率。</p>
</a>
</li>
......@@ -253,6 +254,7 @@
<script src="../js/responsiveslides.min.js"></script>
<script src="../js/jquery.mousewheel-3.1.12.js"></script>
<script src="../js/jquery.jcarousellite.js"></script>
<script src="../js/dialog-min.js"></script>
<script src="../js/public.js"></script>
......@@ -280,6 +282,22 @@
scroll: 5
});
</script>
<!--模态框配置-->
<script>
var d = dialog({
title: '提示信息',
content: '提交成功',
okValue: '确定',
ok: function () {
this.title('提交中…');
return false;
},
cancelValue: '取消',
cancel: function () {}
});
</script>
<script>
/*案例模块放大效果*/
$(".case ul li").mouseenter(function(){
......@@ -320,9 +338,14 @@
}
$("#submitBtn").click(function(){
d.showModal();
/* setTimeout(function () {
d.close().remove();
}, 2000);*/
if(regValidation($("#name"),0,org_people)&&regValidation($("#tel"),0,phones)){
$("#form").submit();
return true;
}else{
return false;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment