<template>
	<Page className="home tabpage">
		<niu-navbar bg="#FE504F" :block="false" fixed :back="false" color="white">
			Niu-UI
		</niu-navbar>
		<mescroll-body :top="$n.$obs.$Top+'px'" @init="mescrollInit" :topbar="false" :bottombar="false"
			@down="downCallback" @up="upCallback" :down="downOption" :up="upOption">
			<div>asd</div>
			<div>
				<niu-input></niu-input>
			</div>
		</mescroll-body>
	</Page>
</template>

<script>
	import config from "@/mixins/mescroll-ui/mixin.js";
	import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
	export default {
		mixins: [MescrollMixin, config("common")],
		data() {
			return {
				title: 'Hello'
			}
		},
		onReady() {

		},
		methods: {
			upCallback(mescroll) {
				console.log(12);
				setTimeout(() => {
					mescroll.endBySize(1, 2)
				}, 1000)
			},
		}
	}
</script>

<style lang="scss" scoped>
	.red {
		color: red;
	}
</style>
