说明文档
描述
一种简单的移动端可伸缩布局,主要包括头部、内容区域、底部,其中内容区域为可伸缩部分,即当头部或者底部不存在时,内容区域会自动扩展将其覆盖
安装
npm install mobile-base-loayout -S
演示
使用说明
import 'mobile-base-loayout/lib/main.css';
<div className="mobile-base-layout">
<div>顶部</div>
<div className="mobile-body-container">
内容区域
</div>
<div>底部</div>
</div>
import BaseLayout from 'mobile-base-loayout';
const { Header, Body, Footer } = BaseLayout;
class Demo extends Component {
render() {
return (
<BaseLayout>
<Header>顶部</Header>
<Body>
内容区域
</Body>
<Footer>底部</Footer>
</BaseLayout>
);
}
}