<template>
  <div class="con">
    <img class="logo" src="../images/aio/logo.png"/>
    <div class="box1"><img src="../images/aio/car1.png"></div>
    <div class="box2">
      <p class="text1">欢迎使用诺力智能搬运车</p>
      <p class="text2">请稍等，系统启动中…</p>
    </div>
  </div>
</template>

<script>
export default {
  name: 'PreLoad',
  mounted () {
    setTimeout(() => {
      this.$router.replace('/setup')
    }, 1000)
  }
}
</script>

<style lang="stylus" scoped>
.con
  width 100%
  height 100%
  background center center / 100% 100% url(../images/aio/bg.png) no-repeat
  .logo
    width 5.96rem
    height .6rem
    margin .71rem 0 0 3.84rem
  .box1
    float left
    margin 2.02rem 0 0 2.86rem
    img
      width 2.28rem
      height 2.55rem
  .box2
    float left
    margin 2.64rem 0 0 .38rem
    .text1
      font-size .48rem
      color #E74F19
      line-height .7rem
    .text2
      font-size .36rem
      color #464646
      line-height .7rem
</style>
