Socket
Book a DemoInstallSign in
Socket

mobile-base-layout

Package Overview
Dependencies
Maintainers
1
Versions
9
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

mobile-base-layout

### 描述 一种简单的移动端可伸缩布局,主要包括头部、内容区域、底部,其中内容区域为可伸缩部分,即当头部或者底部不存在时,内容区域会自动扩展将其覆盖

latest
npmnpm
Version
1.0.4
Version published
Maintainers
1
Created
Source

说明文档

描述

一种简单的移动端可伸缩布局,主要包括头部、内容区域、底部,其中内容区域为可伸缩部分,即当头部或者底部不存在时,内容区域会自动扩展将其覆盖

安装

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>
    );
  }
}

FAQs

Package last updated on 23 Apr 2019

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

About

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc

U.S. Patent No. 12,346,443 & 12,314,394. Other pending.