Skip to content

G
ginfinite
Commit d041d437 authored by liaili's avatar liaili
Browse files
Options

页面最小宽度定死为1200px

parent 71ba0d32
Show whitespace changes
Inline Side-by-side
Showing with 163 additions and 103 deletions
src/pages/about/about.less
View file @ d041d437
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
.main { .main {
margin: 0 auto; margin: 0 auto;
padding-bottom: 40px; padding-bottom: 40px;
min-width: 1200px;
.overview, .overview,
.enterprise-vision { .enterprise-vision {
margin: 0 auto \0; //IE8 margin: 0 auto \0; //IE8
......
src/pages/contact/contact.less
View file @ d041d437
...@@ -2,10 +2,14 @@ ...@@ -2,10 +2,14 @@
:global { :global {
#contact { #contact {
.banner > img { .banner {
min-width: 1200px;
& > img {
width: 100%; width: 100%;
} }
}
.address-phone { .address-phone {
min-width: 1200px;
.address-phone-box { .address-phone-box {
margin: 0 auto; margin: 0 auto;
padding: 90px 0; padding: 90px 0;
...@@ -56,9 +60,9 @@ ...@@ -56,9 +60,9 @@
.address-phone-box { .address-phone-box {
width: @cw; width: @cw;
} }
.banner > div { //.banner {
width: @cw; // width: @cw;
} //}
} }
} }
......
src/pages/culture/culture.html
View file @ d041d437
...@@ -88,7 +88,7 @@ ...@@ -88,7 +88,7 @@
</div> </div>
</div> </div>
<div class="bottom"> <div class="bottom">
浙备案号： 浙ICP 13006995号 2016. All right reserved. 浙备案号： 浙ICP 13006995 号 2016. All right reserved.
</div> </div>
</div> </div>
......
src/pages/culture/culture.less
View file @ d041d437
@import "../../styles/variable"; @import "../../styles/variable";
:global { :global {
#culture {
.banner { .banner {
position: relative; position: relative;
height: 461px; height: 461px;
width: 100%;
min-width: 1200px;
& > img { & > img {
position: absolute; position: absolute;
top: 0; top: 0;
...@@ -29,6 +30,7 @@ ...@@ -29,6 +30,7 @@
} }
.main-box { .main-box {
min-width: 1200px;
.main { .main {
& > img { & > img {
margin: 0 0 12px 0; margin: 0 0 12px 0;
...@@ -73,5 +75,5 @@ ...@@ -73,5 +75,5 @@
body { body {
.screen(); .screen();
} }
}
} }
src/pages/index/index.html
View file @ d041d437
...@@ -71,6 +71,7 @@ ...@@ -71,6 +71,7 @@
<div class="service"> <div class="service">
<img src="images/rectangle.jpg" alt="rectangle"> <img src="images/rectangle.jpg" alt="rectangle">
<div class="service-box"> <div class="service-box">
<div class="service-box-content">
<h1 class="title">礼瀚服务</h1> <h1 class="title">礼瀚服务</h1>
<div class="category clear-fl"> <div class="category clear-fl">
<div class="fl"> <div class="fl">
...@@ -92,6 +93,7 @@ ...@@ -92,6 +93,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="investment-field"> <div class="investment-field">
<div class="investment-field-box"> <div class="investment-field-box">
<h2 class="title">主投领域</h2> <h2 class="title">主投领域</h2>
......
src/pages/index/index.less
View file @ d041d437
@import "../../styles/variable"; @import "../../styles/variable";
:global { :global {
#index {
.title {
display: inline-block;
padding: 4px 40px;
font-size: 32px;
font-weight: normal;
border: 3px solid transparent;
}
.main { .main {
width: 100%;
.banner { .banner {
position: relative; position: relative;
width: 100%;
min-width: 1200px;
& > img { & > img {
width: 100%; width: 100%;
//min-width: 990px;
//height: 450px; //height: 450px;
} }
& > h1 { & > h1 {
...@@ -30,6 +26,7 @@ ...@@ -30,6 +26,7 @@
.lihan { .lihan {
margin: 0 auto; margin: 0 auto;
width: 1200px \0; //IE8 width: 1200px \0; //IE8
min-width: 1200px;
.lihan-box { .lihan-box {
margin: 0 auto; margin: 0 auto;
padding: 70px 0 220px; padding: 70px 0 220px;
...@@ -51,15 +48,20 @@ ...@@ -51,15 +48,20 @@
.service { .service {
position: relative; position: relative;
text-align: center; text-align: center;
width: 100%;
min-width: 1200px;
& > img { & > img {
width: 100%; width: 100%;
height: 570px; //min-width: 990px;
//height: 570px;
} }
.service-box { .service-box {
position: absolute; position: absolute;
left: 0;
top: 0; top: 0;
left: 0;
width: 100%; width: 100%;
.service-box-content{
margin: 0 auto;
& > h1 { & > h1 {
margin-top: 70px; margin-top: 70px;
font-size: 28px; font-size: 28px;
...@@ -92,13 +94,16 @@ ...@@ -92,13 +94,16 @@
} }
} }
} }
}
} }
.investment-field-box { .investment-field-box {
margin: 0 auto; margin: 0 auto;
padding: 54px 0 100px 0; padding: 54px 0 100px 0;
width: 1200px \0; //IE8 width: 1120px \0; //IE8
text-align: center; text-align: center;
width: 100%;
min-width: 1120px;
& > h2 { & > h2 {
margin: 0; margin: 0;
font-size: 28px; font-size: 28px;
...@@ -111,7 +116,7 @@ ...@@ -111,7 +116,7 @@
color: #b52626; color: #b52626;
} }
.category { .category {
padding: 0; padding: 0 40px;
li { li {
margin-right: 4%; margin-right: 4%;
padding-top: 184px; padding-top: 184px;
...@@ -138,9 +143,11 @@ ...@@ -138,9 +143,11 @@
position: relative; position: relative;
text-align: center; text-align: center;
color: #fff; color: #fff;
min-width: 1200px;
& > img { & > img {
width: 100%; width: 100%;
height: 474px; //min-width: 990px;
//height: 474px;
} }
& > .banner-bottom-box { & > .banner-bottom-box {
position: absolute; position: absolute;
...@@ -149,7 +156,7 @@ ...@@ -149,7 +156,7 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
& > h1 { & > h1 {
margin-top: 140px; margin-top: 8%;
font-size: 48px; font-size: 48px;
line-height: 68px; line-height: 68px;
font-weight: normal; font-weight: normal;
...@@ -175,12 +182,32 @@ ...@@ -175,12 +182,32 @@
.rules(@cw); .rules(@cw);
} }
} }
.rules(@cw) { .rules(@cw) {
.lihan-box, .lihan-box,
.investment-field-box { .investment-field-box {
width: @cw; width: @cw;
} }
.main {
.service {
.service-box {
.service-box-content{
width: @cw;
}
}
}
.banner-bottom {
& > .banner-bottom-box{
& > h1 {
font-size: @cw/28.3;
}
}
//width: @cw;
}
.investment-field-box{
width: @cw;
//min-width: 920px;
}
}
} }
} }
...@@ -189,4 +216,4 @@ ...@@ -189,4 +216,4 @@
} }
} }
}
src/pages/news/news.less
View file @ d041d437
...@@ -3,11 +3,14 @@ ...@@ -3,11 +3,14 @@
:global { :global {
#news { #news {
.header-img > img { min-width: 1200px;
.header-img {
min-width: 1200px;
& > img {
height: 400px; height: 400px;
width: 100%; width: 100%;
} }
}
.dynamic-news { .dynamic-news {
margin: 0 auto; margin: 0 auto;
width: 1200px \0; width: 1200px \0;
...@@ -18,9 +21,10 @@ ...@@ -18,9 +21,10 @@
font-size: 24px; font-size: 24px;
} }
& > .important-news > li { & > .important-news > li {
position: relative;
margin: 0 60px 0 0; margin: 0 60px 0 0;
width: 538px \0; width: 538px \0;
height: 306px; //height: 306px;
border: 1px solid #e4ecee; border: 1px solid #e4ecee;
&:last-child, &:last-child,
&.last { &.last {
...@@ -31,16 +35,13 @@ ...@@ -31,16 +35,13 @@
} }
.news-left { .news-left {
display: inline-block; display: inline-block;
width: 50%; width: 40%;
height: 306px;
& > img { & > img {
width: 100%; width: 100%;
height: 100%;
} }
} }
.news-right { .news-right {
position: relative; width: 60%;
width: 50%;
height: 100%; height: 100%;
& > div { & > div {
padding: 50px 30px; padding: 50px 30px;
...@@ -63,19 +64,22 @@ ...@@ -63,19 +64,22 @@
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 7; -webkit-line-clamp: 4;
-ms-hyphenate-limit-lines: 7; -ms-hyphenate-limit-lines: 4;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
} }
& > a { & > a {
position: absolute; position: absolute;
bottom: 24px; bottom: 20px;
left: 30px; right: 30px;
padding: 6px 20px; padding: 2px 10px;
font-size: 16px; font-size: 14px;
color: #fff; color: #fff;
border-radius: 20px; border-radius: 20px;
background-color: #4674a9; background-color: #4674a9;
.right-arrow.icon-jiantou-copy:before{
font-size: 14px;
}
} }
} }
} }
...@@ -238,6 +242,7 @@ ...@@ -238,6 +242,7 @@
} }
.rules(@cw) { .rules(@cw) {
.dynamic-news { .dynamic-news {
width: @cw; width: @cw;
& > .news { & > .news {
......
src/pages/team/team.less
View file @ d041d437
...@@ -4,11 +4,14 @@ ...@@ -4,11 +4,14 @@
:global { :global {
#team { #team {
.main { .main {
.banner > img { .banner {
//min-width: 1200px;
& > img {
width: 100%; width: 100%;
height: 400px; height: 400px;
display: block; display: block;
} }
}
.partner-pic { .partner-pic {
padding: 32px 0 50px 0; padding: 32px 0 50px 0;
background-color: #fff; background-color: #fff;
...@@ -33,6 +36,7 @@ ...@@ -33,6 +36,7 @@
.team-box { .team-box {
background-color: #d9d9d9; background-color: #d9d9d9;
padding: 44px 0 25px 0; padding: 44px 0 25px 0;
min-width: 1200px;
} }
.team { .team {
margin: 0 auto; margin: 0 auto;
...@@ -87,20 +91,21 @@ ...@@ -87,20 +91,21 @@
display: none; display: none;
margin: 0 auto; margin: 0 auto;
width: 1200px \0; //IE8 width: 1200px \0; //IE8
padding-top: 60px; min-width: 1160px;
padding: 60px 0 0 40px;
&:after { &:after {
content: ''; content: '';
display: block; display: block;
clear: both; clear: both;
} }
& > h1 { & > h1 {
margin-bottom: 44px; margin: 0 auto 44px;
padding: 0; padding: 0;
font-size: 24px; font-size: 24px;
color: #343a3b; color: #343a3b;
} }
.partner-pic { .partner-pic {
margin: 0 4% 4% 0; margin: 0 10px 10px 10px;
margin: 0 48px 48px 0 \0; margin: 0 48px 48px 0 \0;
width: 262px \0; width: 262px \0;
text-align: center; text-align: center;
...@@ -220,14 +225,22 @@ ...@@ -220,14 +225,22 @@
} }
.rules(@cw) { .rules(@cw) {
.main {
.team { .team {
width: @cw*3/4; width: @cw*3/4;
} }
.introduce-main { .introduce-main {
& > h1 {
width: @cw;
}
ul{
margin: 0 auto;
width: @cw; width: @cw;
.partner-pic, .partner-pic,
.boss { .boss {
width: (@cw*22/100)-2px; width: (@cw/4)-22px;
}
}
} }
} }
} }
......
src/styles/common.less
View file @ d041d437
...@@ -34,10 +34,13 @@ ...@@ -34,10 +34,13 @@
/* #header start */ /* #header start */
.header { .header {
background-color: #b62125; background-color: #b62125;
width: 100%;
min-width: 1200px;
.header-box { .header-box {
position: relative; position: relative;
margin: 0 auto; margin: 0 auto;
padding-top: 36px; padding-top: 36px;
//min-width: 1000px;
width: 1200px\0; width: 1200px\0;
background: url(../images/Logo.png) no-repeat 30px 13px; background: url(../images/Logo.png) no-repeat 30px 13px;
&:before { &:before {
...@@ -135,9 +138,11 @@ ...@@ -135,9 +138,11 @@
/* #footer start */ /* #footer start */
.footer { .footer {
//min-width: 990px;
min-width: 1200px;
.top { .top {
margin: 50px auto 0; margin: 50px auto 0;
padding-bottom: 46px; padding: 0 40px 46px 40px;
width: 1200px\0; width: 1200px\0;
.address-phone { .address-phone {
margin: 0 auto; margin: 0 auto;
...@@ -192,6 +197,7 @@ ...@@ -192,6 +197,7 @@
.rules(@cw) { .rules(@cw) {
.header-box { .header-box {
width: @cw; width: @cw;
//min-width: 1000px;
} }
.top { .top {
width: @cw; width: @cw;
......
src/styles/variable.less
View file @ d041d437
@container-width-small: 990px; @container-width-small: 1000px;
@screen-width-small: 769px; @screen-width-small: 0px;
@container-width: 1150px; @container-width: 1200px;
@screen-width:1281px; @screen-width:1281px;
@container-width-large: 1360px; @container-width-large: 1360px;
......
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