<template>
  <div class="appHome">
    <homeBanner
      :bannerImg='bannerImg'></homeBanner>
    <orderStep
      :orderStepData='orderStepData'></orderStep>
    <weCanDo></weCanDo>
    <homeNews :newsSoure='newsSoure'></homeNews>
    <appFooter></appFooter>
  </div>
</template>

<script>
import homeBanner from './Banner'
import orderStep from './OrderStepHelp'
import weCanDo from './WeCanDo'
import homeNews from './News'
import appFooter from '../AppFooter'

export default {
  data () {
    return {
      bannerImg: [
        {id: 1, imgSrc: require('../../assets/img/banner1.png')},
        {id: 2, imgSrc: require('../../assets/img/banner2.png')},
        {id: 3, imgSrc: require('../../assets/img/banner3.png')},
        {id: 4, imgSrc: require('../../assets/img/banner4.png')}
      ],
      orderStepData: [
        {
          id: 1, title: '1',
          tips: `注册成功后,登录状态`
        },
        {
          id: 2, title: '2',
          tips: `点击个人中心,完善姓名、
                    手机号等个人信息以便于工作人员联系您,
                    然后就可以发布订单啦`
        },
        {
          id: 3, title: '3',
          tips: `工作人员选择接单,
                    送到您手上,由您签收,订单完成。`
        }
      ],
      newsSoure: [
        {
          id: 1,
          title: '业务特色',
          imgSrc: require('../../assets/img/home-news-pic1.jpg'),
          article: `覆盖校园内任何一个人的快递，为您提供便捷式的快递服务体验；通过“网络+快递”的服务方式，为校园学子提供快递物流服务的平台。`
        },
        {
          id: 2,
          title: '功能介绍',
          imgSrc: require('../../assets/img/home-news-pic2.jpg'),
          article: `致力于做好拥有自己特色的校园小飞侠快递平台，依托网络资源，做好校园快递的搬运工，为客户提供优质服务。`
        },
        {
          id: 3,
          title: '注册咨询',
          imgSrc: require('../../assets/img/home-news-pic3.jpg'),
          article: `关于小飞侠的注册，首先应注册信息成为普通用户，之后通过联系后台管理，申请成为小飞侠快递搬运工。`
        },
        {
          id: 4,
          title: '业务咨询',
          imgSrc: require('../../assets/img/home-news-pic3.jpg'),
          article: '覆盖校园，在校园内所有的快递小飞侠均可配送到达。'
        }
      ]
    }
  },
  components: {
    homeBanner,
    orderStep,
    weCanDo,
    homeNews,
    appFooter
  },
  mounted () {
    this.$emit('scrollShowComponent', this.$children)
  },
  destroyed () {
    this.$emit('pageDestroyed')
  }
}
</script>

<style>
.appHome {
  position: relative;
  width: 100%;
  overflow: hidden;
}
</style>
