Skip to content

Q
qsl_web
Commit 7a2131aa by 邓丽
Options

background

parent c29c1b44
Showing with 62 additions and 45 deletions
dist/css/index.css
...@@ -330,7 +330,8 @@ body { ...@@ -330,7 +330,8 @@ body {
font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif; font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
/* font-size: 1rem;*/ /* font-size: 1rem;*/
line-height: 1.5; line-height: 1.5;
background: #fff; /* background: #fff;*/
background: #f4f4f4;
color: #353535; color: #353535;
} }
/* Remove default margin */ /* Remove default margin */
...@@ -553,6 +554,9 @@ section, ...@@ -553,6 +554,9 @@ section,
summary { summary {
display: block; display: block;
} }
article {
background: #fff;
}
audio, audio,
canvas, canvas,
progress, progress,
...@@ -600,7 +604,7 @@ th { ...@@ -600,7 +604,7 @@ th {
height: 547px; height: 547px;
overflow: hidden; overflow: hidden;
padding: 30px 100px; padding: 30px 100px;
background: #f3f3f3; background: #fff;
} }
.comIndex > h2 { .comIndex > h2 {
color: #353535; color: #353535;
...@@ -1017,7 +1021,7 @@ article.case { ...@@ -1017,7 +1021,7 @@ article.case {
width: 1200px; width: 1200px;
height: 880px; height: 880px;
overflow: hidden; overflow: hidden;
background: #f3f3f3; background: #fff;
padding: 100px 140px 30px 140px; padding: 100px 140px 30px 140px;
} }
article.case section ul.lists li { article.case section ul.lists li {
...@@ -1112,7 +1116,7 @@ article.case section:after { ...@@ -1112,7 +1116,7 @@ article.case section:after {
margin: 0 auto; margin: 0 auto;
width: 1200px; width: 1200px;
overflow: hidden; overflow: hidden;
background: #f3f3f3; background: #fff;
} }
.caseTitle nav { .caseTitle nav {
height: 40px; height: 40px;
...@@ -1150,7 +1154,7 @@ article.case section:after { ...@@ -1150,7 +1154,7 @@ article.case section:after {
height: auto; height: auto;
overflow: hidden; overflow: hidden;
padding: 60px 100px 80px 100px; padding: 60px 100px 80px 100px;
background: #ffffff; background: #e3e3e1;
} }
.caseTitle .intro h2 { .caseTitle .intro h2 {
font-size: 30px; font-size: 30px;
...@@ -1186,7 +1190,7 @@ article.case section:after { ...@@ -1186,7 +1190,7 @@ article.case section:after {
height: auto; height: auto;
overflow: hidden; overflow: hidden;
padding: 60px 100px 80px 100px; padding: 60px 100px 80px 100px;
background: #e3e3e1; background: #fff;
} }
.caseTitle .caseContent div { .caseTitle .caseContent div {
margin: 0 auto; margin: 0 auto;
...@@ -1259,7 +1263,7 @@ article.case section:after { ...@@ -1259,7 +1263,7 @@ article.case section:after {
width: 1200px; width: 1200px;
height: auto; height: auto;
overflow: hidden; overflow: hidden;
background: #f3f3f3; background: #fff;
padding: 80px 128px 0px 128px; padding: 80px 128px 0px 128px;
} }
.gallery .coverSlide { .gallery .coverSlide {
...@@ -1432,11 +1436,9 @@ article.case section:after { ...@@ -1432,11 +1436,9 @@ article.case section:after {
padding: 0 10px; padding: 0 10px;
text-align: center; text-align: center;
margin: 0 5px; margin: 0 5px;
color: #1dd2af;
font-size: 12px; font-size: 12px;
vertical-align: middle; vertical-align: middle;
background: #fff; border: 1px solid #ccc;
border: 1px solid #fff;
} }
.pageDiv a:hover { .pageDiv a:hover {
text-decoration: none; text-decoration: none;
...@@ -1464,7 +1466,7 @@ article.case section:after { ...@@ -1464,7 +1466,7 @@ article.case section:after {
color: #ccc; color: #ccc;
font-size: 12px; font-size: 12px;
vertical-align: middle; vertical-align: middle;
background: #f2f2f2; background: #f4f4f4;
border: 1px solid #e5e5e6; border: 1px solid #e5e5e6;
} }
.pageDiv span.pagecount { .pageDiv span.pagecount {
...@@ -1505,7 +1507,7 @@ article.case section:after { ...@@ -1505,7 +1507,7 @@ article.case section:after {
width: 1200px; width: 1200px;
height: auto; height: auto;
overflow: hidden; overflow: hidden;
background: #e4e4e2; background: #fff;
padding: 80px 100px; padding: 80px 100px;
} }
.activeDetails .coverShow { .activeDetails .coverShow {
...@@ -1515,7 +1517,7 @@ article.case section:after { ...@@ -1515,7 +1517,7 @@ article.case section:after {
overflow: hidden; overflow: hidden;
border: 1px solid #EEEEEE; border: 1px solid #EEEEEE;
padding: 5px; padding: 5px;
background: #fff; background: #f4f4f4;
padding-bottom: 30px; padding-bottom: 30px;
} }
.activeDetails .coverShow .coverImg { .activeDetails .coverShow .coverImg {
...@@ -1556,7 +1558,7 @@ article.case section:after { ...@@ -1556,7 +1558,7 @@ article.case section:after {
.activeDetails .coverShow .intro ul li { .activeDetails .coverShow .intro ul li {
float: left; float: left;
padding: 0 20px; padding: 0 20px;
color: #d0d3d7; color: #999;
font-size: 16px; font-size: 16px;
} }
.activeDetails .coverShow .intro ul li > i { .activeDetails .coverShow .intro ul li > i {
...@@ -1740,7 +1742,8 @@ article.case section:after { ...@@ -1740,7 +1742,8 @@ article.case section:after {
height: 565px; height: 565px;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
margin-bottom: 30px; background: #ccc;
/* margin-bottom: 30px;*/
} }
.activity .title .bannerBg .bgImg { .activity .title .bannerBg .bgImg {
position: absolute; position: absolute;
...@@ -1826,6 +1829,8 @@ article.case section:after { ...@@ -1826,6 +1829,8 @@ article.case section:after {
position: relative; position: relative;
text-align: center; text-align: center;
font-size: 20px; font-size: 20px;
color: #525860;
font-weight: bold;
} }
.activity .activeSlide ul li .activeTitle h3 span { .activity .activeSlide ul li .activeTitle h3 span {
position: absolute; position: absolute;
......
dist/css/jcarousellite.css
...@@ -330,7 +330,8 @@ body { ...@@ -330,7 +330,8 @@ body {
font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif; font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
/* font-size: 1rem;*/ /* font-size: 1rem;*/
line-height: 1.5; line-height: 1.5;
background: #fff; /* background: #fff;*/
background: #f4f4f4;
color: #353535; color: #353535;
} }
/* Remove default margin */ /* Remove default margin */
...@@ -553,6 +554,9 @@ section, ...@@ -553,6 +554,9 @@ section,
summary { summary {
display: block; display: block;
} }
article {
background: #fff;
}
audio, audio,
canvas, canvas,
progress, progress,
......
dist/css/largeSlides.css
...@@ -330,7 +330,8 @@ body { ...@@ -330,7 +330,8 @@ body {
font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif; font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
/* font-size: 1rem;*/ /* font-size: 1rem;*/
line-height: 1.5; line-height: 1.5;
background: #fff; /* background: #fff;*/
background: #f4f4f4;
color: #353535; color: #353535;
} }
/* Remove default margin */ /* Remove default margin */
...@@ -553,6 +554,9 @@ section, ...@@ -553,6 +554,9 @@ section,
summary { summary {
display: block; display: block;
} }
article {
background: #fff;
}
audio, audio,
canvas, canvas,
progress, progress,
......
dist/css/ui-dialog.css
...@@ -39,6 +39,7 @@ ...@@ -39,6 +39,7 @@
} }
.ui-dialog-grid { .ui-dialog-grid {
min-width: 200px; min-width: 200px;
max-width: 350px;
margin: 0; margin: 0;
border: 0 none; border: 0 none;
border-collapse: collapse; border-collapse: collapse;
...@@ -208,8 +209,8 @@ ...@@ -208,8 +209,8 @@
} }
.ui-dialog-footer button.ui-dialog-autofocus { .ui-dialog-footer button.ui-dialog-autofocus {
color: #ffffff; color: #ffffff;
background-color: #428bca; background-color: #1dd2af;
border-color: #357ebd; border-color: #1dd2af;
} }
.ui-dialog-footer button.ui-dialog-autofocus:hover, .ui-dialog-footer button.ui-dialog-autofocus:hover,
.ui-dialog-footer button.ui-dialog-autofocus:focus, .ui-dialog-footer button.ui-dialog-autofocus:focus,
......
dist/html/caseDetails.html
...@@ -65,7 +65,7 @@ ...@@ -65,7 +65,7 @@
</section> </section>
<section class="caseContent"> <section class="caseContent">
<!-- <h4><span>案</span>列介绍</h4> <h4><span>案</span>列介绍</h4>
<div> <div>
<ul> <ul>
...@@ -90,8 +90,7 @@ ...@@ -90,8 +90,7 @@
</ul> </ul>
<span><input type="button" value="更多" class="more"/></span> <span><input type="button" value="更多" class="more"/></span>
</div> </div>
--> <!-- <p class="space">暂未搜索到相关数据</p>-->
<p class="space">暂未搜索到相关数据</p>
</section> </section>
</article> </article>
......
dist/html/index.html
...@@ -319,7 +319,7 @@ ...@@ -319,7 +319,7 @@
<script> <script>
var d = dialog({ var d = dialog({
title: '提示信息', title: '提示信息',
content: '提交成功', content: '提交成功提交成功提交成功提交成功提交成功提交成功提交成功提交成功提交成功提交成功提交成功提交成功提交成功提交成功提交成功提交成功提交成功提交成功提交成功提交成功提交成功提交成功提交成功',
okValue: '确定', okValue: '确定',
ok: function () { ok: function () {
this.title('提交中…'); this.title('提交中…');
......
src/less/common/base.less
...@@ -25,7 +25,8 @@ body { ...@@ -25,7 +25,8 @@ body {
font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif; font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
/* font-size: 1rem;*/ /* font-size: 1rem;*/
line-height: 1.5; line-height: 1.5;
background: #fff; /* background: #fff;*/
background: #f4f4f4;
color: #353535; color: #353535;
} }
/* Remove default margin */ /* Remove default margin */
...@@ -263,7 +264,9 @@ section, ...@@ -263,7 +264,9 @@ section,
summary { summary {
display: block; display: block;
} }
article{
background: #fff;
}
// //
// 1. Correct `inline-block` display not defined in IE 8/9. // 1. Correct `inline-block` display not defined in IE 8/9.
// 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. // 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
......
src/less/index.less
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
.margin-auto(1200px,547px); .margin-auto(1200px,547px);
overflow: hidden; overflow: hidden;
padding: 30px 100px; padding: 30px 100px;
background: #f3f3f3; background: #fff;
>h2{ >h2{
color: #353535; color: #353535;
line-height: 100px; line-height: 100px;
...@@ -337,7 +337,7 @@ article.case { ...@@ -337,7 +337,7 @@ article.case {
width: 1200px; width: 1200px;
height: 880px; height: 880px;
overflow: hidden; overflow: hidden;
background: #f3f3f3; background: #fff;
padding: 100px 140px 30px 140px; padding: 100px 140px 30px 140px;
section{ section{
ul.lists li{ ul.lists li{
...@@ -420,7 +420,7 @@ article.case { ...@@ -420,7 +420,7 @@ article.case {
margin: 0 auto; margin: 0 auto;
width: 1200px; width: 1200px;
overflow: hidden; overflow: hidden;
background: #f3f3f3; background: #fff;
nav{ nav{
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
...@@ -456,7 +456,7 @@ article.case { ...@@ -456,7 +456,7 @@ article.case {
.intro{ .intro{
.margin-auto(1200px,auto); .margin-auto(1200px,auto);
padding: 60px 100px 80px 100px; padding: 60px 100px 80px 100px;
background: #ffffff; background: #e3e3e1;
h2{ h2{
font-size: 30px; font-size: 30px;
text-align: center; text-align: center;
...@@ -486,7 +486,7 @@ article.case { ...@@ -486,7 +486,7 @@ article.case {
.caseContent{ .caseContent{
.margin-auto(1200px,auto); .margin-auto(1200px,auto);
padding: 60px 100px 80px 100px; padding: 60px 100px 80px 100px;
background: #e3e3e1; background: #fff;
div{ div{
margin: 0 auto; margin: 0 auto;
width: 820px; width: 820px;
...@@ -542,7 +542,7 @@ article.case { ...@@ -542,7 +542,7 @@ article.case {
/*图库页面*/ /*图库页面*/
.gallery{ .gallery{
.margin-auto(1200px,auto); .margin-auto(1200px,auto);
background: #f3f3f3; background: #fff;
padding: 80px 128px 0px 128px; padding: 80px 128px 0px 128px;
.coverSlide{ .coverSlide{
.margin-auto(935px,444px); .margin-auto(935px,444px);
...@@ -617,11 +617,9 @@ article.case { ...@@ -617,11 +617,9 @@ article.case {
padding: 0 10px; padding: 0 10px;
text-align: center; text-align: center;
margin: 0 5px; margin: 0 5px;
color: #1dd2af;
font-size: 12px; font-size: 12px;
vertical-align: middle; vertical-align: middle;
background: #fff; border: 1px solid #ccc;
border: 1px solid #fff;
&:hover{ &:hover{
text-decoration: none; text-decoration: none;
border: 1px solid #dddddd; border: 1px solid #dddddd;
...@@ -649,7 +647,7 @@ article.case { ...@@ -649,7 +647,7 @@ article.case {
color: #ccc; color: #ccc;
font-size: 12px; font-size: 12px;
vertical-align: middle; vertical-align: middle;
background: #f2f2f2; background: #f4f4f4;
border: 1px solid #e5e5e6; border: 1px solid #e5e5e6;
} }
span.pagecount { span.pagecount {
...@@ -682,13 +680,13 @@ article.case { ...@@ -682,13 +680,13 @@ article.case {
/*活动详情页*/ /*活动详情页*/
.activeDetails{ .activeDetails{
.margin-auto(1200px,auto); .margin-auto(1200px,auto);
background: #e4e4e2; background: #fff;
padding: 80px 100px; padding: 80px 100px;
.coverShow{ .coverShow{
.margin-auto(1000px,auto); .margin-auto(1000px,auto);
border: 1px solid #EEEEEE; border: 1px solid #EEEEEE;
padding: 5px; padding: 5px;
background: #fff; background: #f4f4f4;
padding-bottom: 30px; padding-bottom: 30px;
.coverImg{ .coverImg{
.margin-auto(984px,348px); .margin-auto(984px,348px);
...@@ -711,7 +709,7 @@ article.case { ...@@ -711,7 +709,7 @@ article.case {
li{ li{
float: left; float: left;
padding: 0 20px; padding: 0 20px;
color: #d0d3d7; color: #999;
font-size: 16px; font-size: 16px;
>i{ >i{
display: inline-block; display: inline-block;
...@@ -790,7 +788,8 @@ article.case { ...@@ -790,7 +788,8 @@ article.case {
.bannerBg{ .bannerBg{
.margin-auto(1200px,565px); .margin-auto(1200px,565px);
position: relative; position: relative;
margin-bottom: 30px; background: #ccc;
/* margin-bottom: 30px;*/
.bgImg{ .bgImg{
position: absolute; position: absolute;
z-index: -1; z-index: -1;
...@@ -855,6 +854,8 @@ article.case { ...@@ -855,6 +854,8 @@ article.case {
position: relative; position: relative;
text-align: center; text-align: center;
font-size: 20px; font-size: 20px;
color: #525860;
font-weight: bold;
span{ span{
position: absolute; position: absolute;
top: 5%; top: 5%;
......
src/less/ui-dialog.less
...@@ -39,6 +39,7 @@ ...@@ -39,6 +39,7 @@
} }
.ui-dialog-grid { .ui-dialog-grid {
min-width: 200px; min-width: 200px;
max-width: 350px;
margin: 0; margin: 0;
border: 0 none; border: 0 none;
border-collapse:collapse; border-collapse:collapse;
...@@ -216,8 +217,8 @@ ...@@ -216,8 +217,8 @@
.ui-dialog-footer button.ui-dialog-autofocus { .ui-dialog-footer button.ui-dialog-autofocus {
color: #ffffff; color: #ffffff;
background-color: #428bca; background-color: #1dd2af;
border-color: #357ebd; border-color: #1dd2af;
} }
.ui-dialog-footer button.ui-dialog-autofocus:hover, .ui-dialog-footer button.ui-dialog-autofocus:hover,
......
src/pages/caseDetails.ejs
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
</section> </section>
<section class="caseContent"> <section class="caseContent">
<!-- <h4><span>案</span>列介绍</h4> <h4><span>案</span>列介绍</h4>
<div> <div>
<ul> <ul>
...@@ -66,8 +66,7 @@ ...@@ -66,8 +66,7 @@
</ul> </ul>
<span><input type="button" value="更多" class="more"/></span> <span><input type="button" value="更多" class="more"/></span>
</div> </div>
--> <!-- <p class="space">暂未搜索到相关数据</p>-->
<p class="space">暂未搜索到相关数据</p>
</section> </section>
</article> </article>
......
src/pages/index.ejs
...@@ -287,7 +287,7 @@ ...@@ -287,7 +287,7 @@
<script> <script>
var d = dialog({ var d = dialog({
title: '提示信息', title: '提示信息',
content: '提交成功', content: '提交成功提交成功提交成功提交成功提交成功提交成功提交成功提交成功提交成功提交成功提交成功提交成功提交成功提交成功提交成功提交成功提交成功提交成功提交成功提交成功提交成功提交成功提交成功',
okValue: '确定', okValue: '确定',
ok: function () { ok: function () {
this.title('提交中…'); this.title('提交中…');
......
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