<template>
    <div id="app">
        <router-view/>
        <portal-target name="notification-outlet"></portal-target>
        <portal-target name="notification-detail"></portal-target>
        <portal-target name="notification-search"></portal-target>
        <portal-target name="notification-usual"></portal-target>
        <portal-target name="notification-head"></portal-target>
    </div>
</template>
<script>
  export default {
    name:'App',
    mounted(){
      (/iphone|ipod|ipad/i.test(navigator.appVersion)) && document.addEventListener('blur', (e) => {
        // 这里加了个类型判断，因为a等元素也会触发blur事件
        if(['input', 'textarea'].includes(e.target.localName)) {
        // if(MobileDevice.getModels().join(' or ').indexOf('6') == -1){
        //   document.activeElement.scrollIntoView({behavior: "smooth",block:'end'})
        // }
          setTimeout(()=> {
            document.scrollingElement.scrollTo(0, document.scrollingElement.scrollTop);
          }, 100);
        }
      }, true)
    },
  }
</script>
<style lang="less">
  @import "./less/index.less";
</style>


