Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
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

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

  • 1.0.4-beta1
  • npm
  • Socket score

Version published
Weekly downloads
1
decreased by-50%
Maintainers
1
Weekly downloads
 
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

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc