<template>
  <div class="mainBox w100">
    <zgh-header :title="$route.name"></zgh-header>
    <div class="common-top h100" >
      <div class="mainBox" v-load-more.update="update">
        <List4 v-for="i in 1" :key="i"></List4>

      </div>
    </div>
  </div>
</template>

<script>
  import List4 from '@/page/list/children/list4'

  export default {
    components: {
      List4
    },
    data() {
      return {
        length: 1
      }
    },
    computed: {},
    mounted() {
    },
    methods: {
      update(state) {
        if (state === 'update') {
          return new Promise((resolve, reject) => {
            this.length = 1
            setTimeout(()=>{
              resolve()

            },1000)
          })
        }
      }
    }
  }
</script>

<style lang="less" scoped>
  @import url("../../assets/config.less");

  a {

    display: block;
    text-align: center;
    .lh(70);
  }
</style>
