feat: 所有页面添加宽度限制

This commit is contained in:
wenbo.dong 2017-07-26 22:09:13 +08:00
parent 927538b148
commit b3325f6427
8 changed files with 31 additions and 22 deletions

View File

@ -1,4 +1,5 @@
@import '../../styles/common.scss';
@import '../../styles/mixin.scss';
.footer{
// max-width: 12rem;
@ -31,7 +32,7 @@
z-index: 1;
}
.footContent{
max-width: 11rem;
@include row-width-limit;
width:90%;
margin:0px auto;
overflow: hidden;
@ -52,7 +53,7 @@
color: white;
}
}
}
.copyRight{
padding: 24px 2%;
@ -68,4 +69,4 @@
position: relative;
text-indent: 0em;
}
}
}

View File

@ -1,4 +1,6 @@
@import '../../styles/common.scss';
@import '../../styles/mixin.scss';
$color-white : #fff;
$color-blue : #108ee9;
$color-blue-deeper: #34495E;
@ -20,7 +22,7 @@ $color-black-light : #404040;
z-index: 99;
// 内容宽度
.content {
max-width: 11rem;
@include row-width-limit;
margin: 0 auto;
zoom: 1;
overflow: hidden;
@ -85,4 +87,3 @@ $color-black-light : #404040;
}
}
}

View File

@ -1,3 +1,3 @@
export default {
PAGE_LIMIT: 10, // 默认每页展示10条数据
PAGE_LIMIT: 10 // 默认每页展示10条数据
}

View File

@ -1,3 +1,5 @@
@import '../../styles/mixin.scss';
.add-interface-box {
-webkit-box-flex: 1;
font-size: .14rem;
@ -5,7 +7,7 @@
overflow-y: auto;
.content {
max-width: 11rem;
@include row-width-limit;
margin: 24px auto;
border-radius: 4px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
@ -169,7 +171,7 @@
color: #CCC;
}
}
/* .mock-url-box.css */
.mock-url-box {
clear: both;

View File

@ -1,4 +1,5 @@
@import '../../styles/common.scss';
@import '../../styles/mixin.scss';
$color-white : #fff;
$color-blue-lighter : #f1f5ff;
@ -47,10 +48,10 @@ $color-black-lighter: #404040;
display: flex;
align-items: center;
height: 100%;
max-width: 11rem;
@include row-width-limit;
margin: 1rem auto 0;
.user-des{
max-width: 11rem;
@include row-width-limit;
margin: 0 auto .5rem;
text-align: center;
.title{
@ -106,7 +107,7 @@ $color-black-lighter: #404040;
}
}
.container{
max-width: 11rem;
@include row-width-limit;
margin: 0 auto;
height:100%;
position: relative;
@ -154,5 +155,3 @@ $color-black-lighter: #404040;
}
}
}

View File

@ -1,6 +1,8 @@
@import '../../styles/mixin.scss';
/* .interface-box.css */
.interface-box {
max-width: 11rem;
@include row-width-limit;
margin: 24px auto;
border-radius: 4px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);

View File

@ -1,6 +1,8 @@
@import '../../styles/mixin.scss';
/* .interface-box.css */
.news-box {
max-width: 11rem;
@include row-width-limit;
display: -webkit-box;
-webkit-box-flex: 1;
margin: .88rem auto 0 auto;

View File

@ -1,16 +1,18 @@
@import '../../styles/mixin.scss';
/* .user-box.css */
.user-box {
max-width: 11rem;
@include row-width-limit;
display: -webkit-box;
-webkit-box-flex: 1;
margin: .88rem auto 0 auto;
// font-size: 0.14rem;
margin-top: 40px;
margin-bottom: 55px;
.user-list {
width: 216px;
@ -19,7 +21,7 @@
border-radius:5px;
margin-top: 15px;
.search{
margin: 5px;
margin: 5px;
}
ul{border:none}
}
@ -38,7 +40,7 @@
.user-table {
-webkit-box-flex: 1;
padding: 24px;
margin-left: 15px;
margin-left: 15px;
border-radius:5px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
background: #FFF;
@ -96,4 +98,4 @@
}
}
}