Skip to content

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

页面最小宽度定死为1200px

parent 71ba0d32
Hide 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 @@
.main {
margin: 0 auto;
padding-bottom: 40px;
min-width: 1200px;
.overview,
.enterprise-vision {
margin: 0 auto \0; //IE8
......
src/pages/contact/contact.less
View file @ d041d437
......@@ -2,10 +2,14 @@
:global {
#contact {
.banner > img {
width: 100%;
.banner {
min-width: 1200px;
& > img {
width: 100%;
}
}
.address-phone {
min-width: 1200px;
.address-phone-box {
margin: 0 auto;
padding: 90px 0;
......@@ -56,9 +60,9 @@
.address-phone-box {
width: @cw;
}
.banner > div {
width: @cw;
}
//.banner {
// width: @cw;
//}
}
}
......
src/pages/culture/culture.html
View file @ d041d437
......@@ -88,7 +88,7 @@
</div>
</div>
<div class="bottom">
浙备案号： 浙ICP 13006995号 2016. All right reserved.
浙备案号： 浙ICP 13006995 号 2016. All right reserved.
</div>
</div>
......
src/pages/culture/culture.less
View file @ d041d437
@import "../../styles/variable";
:global {
#culture {
.banner {
position: relative;
height: 461px;
width: 100%;
min-width: 1200px;
& > img {
position: absolute;
top: 0;
......@@ -29,6 +30,7 @@
}
.main-box {
min-width: 1200px;
.main {
& > img {
margin: 0 0 12px 0;
......@@ -73,5 +75,5 @@
body {
.screen();
}
}
}
src/pages/index/index.html
View file @ d041d437
......@@ -71,23 +71,25 @@
<div class="service">
<img src="images/rectangle.jpg" alt="rectangle">
<div class="service-box">
<h1 class="title">礼瀚服务</h1>
<div class="category clear-fl">
<div class="fl">
<h2>股权<br/>业务</h2>
<p>产业并购基金、定增基金、股东增持减持、员工持股平台</p>
</div>
<div class="fl">
<h2>投行<br/>业务</h2>
<p>咨询服务、财务顾问、市值管理</p>
</div>
<div class="fl">
<h2>债务<br/>业务</h2>
<p>股票质押、股东借款、债务解决方案</p>
</div>
<div class="fl last">
<h2>证券<br/>业务</h2>
<p>固定收益类、宏观资产对冲、 收益类、权益类</p>
<div class="service-box-content">
<h1 class="title">礼瀚服务</h1>
<div class="category clear-fl">
<div class="fl">
<h2>股权<br/>业务</h2>
<p>产业并购基金、定增基金、股东增持减持、员工持股平台</p>
</div>
<div class="fl">
<h2>投行<br/>业务</h2>
<p>咨询服务、财务顾问、市值管理</p>
</div>
<div class="fl">
<h2>债务<br/>业务</h2>
<p>股票质押、股东借款、债务解决方案</p>
</div>
<div class="fl last">
<h2>证券<br/>业务</h2>
<p>固定收益类、宏观资产对冲、 收益类、权益类</p>
</div>
</div>
</div>
</div>
......
src/pages/index/index.less
View file @ d041d437
@import "../../styles/variable";
:global {
#index {
.title {
display: inline-block;
padding: 4px 40px;
font-size: 32px;
font-weight: normal;
border: 3px solid transparent;
}
.main {
width: 100%;
.banner {
position: relative;
width: 100%;
min-width: 1200px;
& > img {
width: 100%;
//min-width: 990px;
//height: 450px;
}
& > h1 {
......@@ -30,6 +26,7 @@
.lihan {
margin: 0 auto;
width: 1200px \0; //IE8
min-width: 1200px;
.lihan-box {
margin: 0 auto;
padding: 70px 0 220px;
......@@ -51,43 +48,49 @@
.service {
position: relative;
text-align: center;
width: 100%;
min-width: 1200px;
& > img {
width: 100%;
height: 570px;
//min-width: 990px;
//height: 570px;
}
.service-box {
position: absolute;
left: 0;
top: 0;
left: 0;
width: 100%;
& > h1 {
margin-top: 70px;
font-size: 28px;
border-color: #7b7b7b;
}
.category {
.service-box-content{
margin: 0 auto;
width: 950px;
& > div {
position: relative;
margin-right: 50px;
width: 200px;
&.last {
margin-right: 0;
}
& > h2 {
margin-bottom: 0;
padding-top: 63px;
height: 166px;
font-size: 48px;
color: #e67e22;
background: url(images/polygon.png) no-repeat;
}
& > p {
line-height: 24px;
text-align: justify;
font-size: 18px;
color: #000;
& > h1 {
margin-top: 70px;
font-size: 28px;
border-color: #7b7b7b;
}
.category {
margin: 0 auto;
width: 950px;
& > div {
position: relative;
margin-right: 50px;
width: 200px;
&.last {
margin-right: 0;
}
& > h2 {
margin-bottom: 0;
padding-top: 63px;
height: 166px;
font-size: 48px;
color: #e67e22;
background: url(images/polygon.png) no-repeat;
}
& > p {
line-height: 24px;
text-align: justify;
font-size: 18px;
color: #000;
}
}
}
}
......@@ -97,8 +100,10 @@
.investment-field-box {
margin: 0 auto;
padding: 54px 0 100px 0;
width: 1200px \0; //IE8
width: 1120px \0; //IE8
text-align: center;
width: 100%;
min-width: 1120px;
& > h2 {
margin: 0;
font-size: 28px;
......@@ -111,7 +116,7 @@
color: #b52626;
}
.category {
padding: 0;
padding: 0 40px;
li {
margin-right: 4%;
padding-top: 184px;
......@@ -138,9 +143,11 @@
position: relative;
text-align: center;
color: #fff;
min-width: 1200px;
& > img {
width: 100%;
height: 474px;
//min-width: 990px;
//height: 474px;
}
& > .banner-bottom-box {
position: absolute;
......@@ -149,7 +156,7 @@
width: 100%;
height: 100%;
& > h1 {
margin-top: 140px;
margin-top: 8%;
font-size: 48px;
line-height: 68px;
font-weight: normal;
......@@ -175,12 +182,32 @@
.rules(@cw);
}
}
.rules(@cw) {
.lihan-box,
.investment-field-box {
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 @@
}
}
}
src/pages/news/news.less
View file @ d041d437
......@@ -3,11 +3,14 @@
:global {
#news {
.header-img > img {
height: 400px;
width: 100%;
min-width: 1200px;
.header-img {
min-width: 1200px;
& > img {
height: 400px;
width: 100%;
}
}
.dynamic-news {
margin: 0 auto;
width: 1200px \0;
......@@ -18,9 +21,10 @@
font-size: 24px;
}
& > .important-news > li {
position: relative;
margin: 0 60px 0 0;
width: 538px \0;
height: 306px;
//height: 306px;
border: 1px solid #e4ecee;
&:last-child,
&.last {
......@@ -31,16 +35,13 @@
}
.news-left {
display: inline-block;
width: 50%;
height: 306px;
width: 40%;
& > img {
width: 100%;
height: 100%;
}
}
.news-right {
position: relative;
width: 50%;
width: 60%;
height: 100%;
& > div {
padding: 50px 30px;
......@@ -63,19 +64,22 @@
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 7;
-ms-hyphenate-limit-lines: 7;
-webkit-line-clamp: 4;
-ms-hyphenate-limit-lines: 4;
-webkit-box-orient: vertical;
}
& > a {
position: absolute;
bottom: 24px;
left: 30px;
padding: 6px 20px;
font-size: 16px;
bottom: 20px;
right: 30px;
padding: 2px 10px;
font-size: 14px;
color: #fff;
border-radius: 20px;
background-color: #4674a9;
.right-arrow.icon-jiantou-copy:before{
font-size: 14px;
}
}
}
}
......@@ -238,6 +242,7 @@
}
.rules(@cw) {
.dynamic-news {
width: @cw;
& > .news {
......
src/pages/team/team.less
View file @ d041d437
......@@ -4,10 +4,13 @@
:global {
#team {
.main {
.banner > img {
width: 100%;
height: 400px;
display: block;
.banner {
//min-width: 1200px;
& > img {
width: 100%;
height: 400px;
display: block;
}
}
.partner-pic {
padding: 32px 0 50px 0;
......@@ -33,6 +36,7 @@
.team-box {
background-color: #d9d9d9;
padding: 44px 0 25px 0;
min-width: 1200px;
}
.team {
margin: 0 auto;
......@@ -87,20 +91,21 @@
display: none;
margin: 0 auto;
width: 1200px \0; //IE8
padding-top: 60px;
min-width: 1160px;
padding: 60px 0 0 40px;
&:after {
content: '';
display: block;
clear: both;
}
& > h1 {
margin-bottom: 44px;
margin: 0 auto 44px;
padding: 0;
font-size: 24px;
color: #343a3b;
}
.partner-pic {
margin: 0 4% 4% 0;
margin: 0 10px 10px 10px;
margin: 0 48px 48px 0 \0;
width: 262px \0;
text-align: center;
......@@ -220,14 +225,22 @@
}
.rules(@cw) {
.team {
width: @cw*3/4;
}
.introduce-main {
width: @cw;
.partner-pic,
.boss {
width: (@cw*22/100)-2px;
.main {
.team {
width: @cw*3/4;
}
.introduce-main {
& > h1 {
width: @cw;
}
ul{
margin: 0 auto;
width: @cw;
.partner-pic,
.boss {
width: (@cw/4)-22px;
}
}
}
}
}
......
src/styles/common.less
View file @ d041d437
......@@ -34,10 +34,13 @@
/* #header start */
.header {
background-color: #b62125;
width: 100%;
min-width: 1200px;
.header-box {
position: relative;
margin: 0 auto;
padding-top: 36px;
//min-width: 1000px;
width: 1200px\0;
background: url(../images/Logo.png) no-repeat 30px 13px;
&:before {
......@@ -135,9 +138,11 @@
/* #footer start */
.footer {
//min-width: 990px;
min-width: 1200px;
.top {
margin: 50px auto 0;
padding-bottom: 46px;
padding: 0 40px 46px 40px;
width: 1200px\0;
.address-phone {
margin: 0 auto;
......@@ -192,6 +197,7 @@
.rules(@cw) {
.header-box {
width: @cw;
//min-width: 1000px;
}
.top {
width: @cw;
......
src/styles/variable.less
View file @ d041d437
@container-width-small: 990px;
@screen-width-small: 769px;
@container-width-small: 1000px;
@screen-width-small: 0px;
@container-width: 1150px;
@container-width: 1200px;
@screen-width:1281px;
@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