test/amis2
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-12-02 12:08:13 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

代码格式调整

Browse Source
This commit is contained in:
liaoxuezhi 2019-11-13 15:14:56 +08:00
parent 1b2027823a
commit 7ce54373ae
2 changed files with 20 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
scss/layout/_layout.scss
View File

@ -53,7 +53,7 @@ body {
background: $Layout-brand-bg; background: $Layout-brand-bg;
color: $Layout-brandBar-color; color: $Layout-brandBar-color;
> button { >button {
padding: px2rem(10px) px2rem(17px); padding: px2rem(10px) px2rem(17px);
font-size: px2rem(16px); font-size: px2rem(16px);
line-height: $Layout-header-height - px2rem(20px); line-height: $Layout-header-height - px2rem(20px);
@ -123,13 +123,14 @@ body {
// .app-aside-folded & { // .app-aside-folded & {
// max-width: @app-aside-folded-width; // max-width: @app-aside-folded-width;
// } // }
~ div { ~div {
padding-bottom: px2rem(50px); padding-bottom: px2rem(50px);
} }
} }
&-content { &-content {
height: 100%; height: 100%;
position: relative;
@include clearfix(); @include clearfix();
} }
@ -197,7 +198,7 @@ body {
// overflow-x: hidden; // overflow-x: hidden;
} }
.#{$ns}Layout-content { .#{$ns}Layout-content {
transition: transform 0.2s ease; transition: transform 0.2s ease;
@ -225,6 +226,7 @@ body {
} }
.#{$ns}Layout--offScreen { .#{$ns}Layout--offScreen {
.#{$ns}Layout-content, .#{$ns}Layout-content,
.#{$ns}Layout-footer { .#{$ns}Layout-footer {
background-color: $body-bg; background-color: $body-bg;
@ -266,6 +268,7 @@ body {
} }
&--withAside { &--withAside {
.#{$ns}Layout-headerBar, .#{$ns}Layout-headerBar,
.#{$ns}Layout-content, .#{$ns}Layout-content,
.#{$ns}Layout-footer { .#{$ns}Layout-footer {
@ -304,6 +307,7 @@ body {
} }
&.#{$ns}Layout--withAside { &.#{$ns}Layout--withAside {
.#{$ns}Layout-headerBar, .#{$ns}Layout-headerBar,
.#{$ns}Layout-content, .#{$ns}Layout-content,
.#{$ns}Layout-footer { .#{$ns}Layout-footer {
@ -359,7 +363,7 @@ body {
width: $scrollbar-width; width: $scrollbar-width;
} }
& > * { &>* {
width: $Layout-aside-width; width: $Layout-aside-width;
} }
} }
@ -386,13 +390,14 @@ body {
overflow: visible; overflow: visible;
width: $Layout-aside--folded-width + $scrollbar-width; width: $Layout-aside--folded-width + $scrollbar-width;
> * { >* {
width: $Layout-aside--folded-width; width: $Layout-aside--folded-width;
} }
} }
} }
&--sm:not(.#{$ns}Layout--folded) { &--sm:not(.#{$ns}Layout--folded) {
.#{$ns}Layout-brand, .#{$ns}Layout-brand,
.#{$ns}Layout-brandBar, .#{$ns}Layout-brandBar,
.#{$ns}Layout-aside { .#{$ns}Layout-aside {
@ -400,6 +405,7 @@ body {
} }
&.#{$ns}Layout--withAside { &.#{$ns}Layout--withAside {
.#{$ns}Layout-headerBar, .#{$ns}Layout-headerBar,
.#{$ns}Layout-content, .#{$ns}Layout-content,
.#{$ns}Layout-footer { .#{$ns}Layout-footer {
@ -415,7 +421,7 @@ body {
.#{$ns}Layout-asideInner { .#{$ns}Layout-asideInner {
width: $Layout-aside--sm-width + $scrollbar-width; width: $Layout-aside--sm-width + $scrollbar-width;
& > * { &>* {
width: $Layout-aside--sm-width; width: $Layout-aside--sm-width;
} }
} }
@ -423,6 +429,7 @@ body {
} }
&--md:not(.#{$ns}Layout--folded) { &--md:not(.#{$ns}Layout--folded) {
.#{$ns}Layout-brand, .#{$ns}Layout-brand,
.#{$ns}Layout-brandBar, .#{$ns}Layout-brandBar,
.#{$ns}Layout-aside { .#{$ns}Layout-aside {
@ -430,6 +437,7 @@ body {
} }
&.#{$ns}Layout--withAside { &.#{$ns}Layout--withAside {
.#{$ns}Layout-headerBar, .#{$ns}Layout-headerBar,
.#{$ns}Layout-content, .#{$ns}Layout-content,
.#{$ns}Layout-footer { .#{$ns}Layout-footer {
@ -445,7 +453,7 @@ body {
.#{$ns}Layout-asideInner { .#{$ns}Layout-asideInner {
width: $Layout-aside--md-width + $scrollbar-width; width: $Layout-aside--md-width + $scrollbar-width;
& > * { &>* {
width: $Layout-aside--md-width; width: $Layout-aside--md-width;
} }
} }
@ -453,6 +461,7 @@ body {
} }
&--lg:not(.#{$ns}Layout--folded) { &--lg:not(.#{$ns}Layout--folded) {
.#{$ns}Layout-brand, .#{$ns}Layout-brand,
.#{$ns}Layout-brandBar, .#{$ns}Layout-brandBar,
.#{$ns}Layout-aside { .#{$ns}Layout-aside {
@ -460,6 +469,7 @@ body {
} }
&.#{$ns}Layout--withAside { &.#{$ns}Layout--withAside {
.#{$ns}Layout-headerBar, .#{$ns}Layout-headerBar,
.#{$ns}Layout-content, .#{$ns}Layout-content,
.#{$ns}Layout-footer { .#{$ns}Layout-footer {
@ -475,7 +485,7 @@ body {
.#{$ns}Layout-asideInner { .#{$ns}Layout-asideInner {
width: $Layout-aside--lg-width + $scrollbar-width; width: $Layout-aside--lg-width + $scrollbar-width;
& > * { &>* {
width: $Layout-aside--lg-width; width: $Layout-aside--lg-width;
} }
} }
@ -507,5 +517,4 @@ body {
} }
} }
} }
} }

2
src/renderers/Page.tsx
View File

@ -51,7 +51,7 @@ export interface PageProps extends RendererProps {
} }
export default class Page extends React.Component<PageProps> { export default class Page extends React.Component<PageProps> {
timer: number; timer: NodeJS.Timeout;
mounted: boolean; mounted: boolean;
static defaultProps = { static defaultProps = {