mobile-base-layout
v1.0.4
Published
### 描述 一种简单的移动端可伸缩布局，主要包括头部、内容区域、底部，其中内容区域为可伸缩部分，即当头部或者底部不存在时，内容区域会自动扩展将其覆盖
Downloads
6
Readme
说明文档
描述
一种简单的移动端可伸缩布局，主要包括头部、内容区域、底部，其中内容区域为可伸缩部分，即当头部或者底部不存在时，内容区域会自动扩展将其覆盖
安装
npm install mobile-base-loayout -S演示
使用说明
- 通过HTML形式使用
import 'mobile-base-loayout/lib/main.css';<div className="mobile-base-layout">
<div>顶部</div>
<div className="mobile-body-container">
内容区域
</div>
<div>底部</div>
</div>- 通过React形式使用
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>
);
}
}