vue-ios-safe-area

Intro

This plugin sets the safe area at the bottom of the ios system.

Installation

npm install vue-ios-safe-area

Usage

<!-- add this code in html head -->
<meta name="viewport" content="width=device-width,initial-scale=1.0,viewport-fit=cover">

//  main.js    
import iosSafeArea from 'vue-ios-safe-area'
Vue.use(lazyimg, options)

<!-- simple -->
<div v-iosSafeArea>
  <!-- content ... -->
</div>

<!-- Set the padding (default) -->
<div v-iosSafeArea:padding>
  <!-- content ... -->
</div>

<!-- Set the margin  -->
<div v-iosSafeArea:margin>
  <!-- content ... -->
</div>

<!-- Set the height. The element must has height. -->
<div v-iosSafeArea:height>
  <!-- content ... -->
</div>

At last，If there is any problems in using, please send E-mail to [email protected], thank you so much！