<template>
  <div>
    <van-nav-bar  title="三分钟了解“功道云”" left-text="返回" @click-left="$route_back" left-arrow></van-nav-bar>
    <div class="body_com" :style="{ height: !$route.query.init ? 'calc(100% - 0.92rem)' : 'calc(100%)' }">
      <!-- <scroller> -->
        <div class="imgLsit"><img :src="item" v-for="(item, index) in imgLsit" :key="index" /></div>
<!--        <div v-if="$route.query.init" style="padding:0.32rem">
          <van-button class="login_button" color="#228bf8" size="large" @click="openHome()" type="info">立即体验</van-button>
        </div> -->
      <!-- </scroller> -->
    </div>
  </div>
</template>

<script>
export default {
  name: 'guide',
  data () {
    return {
      imgLsit: []
    }
  },
  mounted() {
    console.log(this.$route.query.init)
    this.$nextTick(function () {
      this.imgLsit = ['static/images/init1.jpg', 'static/images/init2.jpg', 'static/images/init3.jpg', 'static/images/init4.jpg', 'static/images/init5.jpg']
    })
  },
  methods: {
    openHome () {
      setTimeout(() => {
        window.location.href = window.location.href.split('#')[0]
      }, 100)
    }
  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
.body_com {
  height: 100%;
  position: relative;
  overflow: auto;
}
.login_button {
  height: 1rem;
  line-height: 0.8rem;
  border-radius: 0.15rem;
}
.imgLsit img {
  height: 100%;
  width: 100%;
  vertical-align: bottom;
}
</style>
