vue 刘海屏兼容组件

/* 无返回按钮的标头 */

<template>

  <div v-if="GLOBAL.evnType === GLOBAL.ENV_TYPES.APP_IOS || GLOBAL.evnType === GLOBAL.ENV_TYPES.APP_ANDROID" class='stateBox' :class="{'ios-head':(GLOBAL.evnType === GLOBAL.ENV_TYPES.APP_IOS)}"></div>

</template>

<script>

// 用于兼容 某些安卓机的 顶部安全区写法不支持 

export default {

  name: 'stateBox'

}

</script>

<style lang="stylus" scoped>

    .stateBox

      width 100%

      height 0.2rem

    .ios-head

      height constant(safe-area-inset-top)

      height env(safe-area-inset-top)

</style>