<template>
  <HeaderNav title="喂养档案" :is-back="true"></HeaderNav>
  <FeedLog :pet_id="row" :type="type" v-for="row in pet_id" :show_button="pet_id.length === 1"></FeedLog>
</template>

<script>
	import api from '@/utils/functions.js';
  import HeaderNav from '@/components/HeaderNav/Index.vue';
  import FeedLog from "./components/FeedLog.vue";
	export default {
		components: {
      FeedLog,
      HeaderNav,
		},
		data() {
      return {
        pet_id:[],
        type:'detail',
      }
		},
		onLoad(options) {
      this.pet_id = options.pet_id.split(',');
      this.type = options.type ? options.type : 'detail';
      console.log(this.type)
		},
		onPageScroll(res) {
			if(res.scrollTop <= 20){
				uni.$emit('isTop', true);
			}else{
				uni.$emit('isTop', false);
			}
		},
		created() {
			this.pagePadding = (api.navHeight().navPaddingTop +
				api.navHeight().navHeight + (api.navHeight().headerPadding * 2))
		}
	}
</script>