<template>
	<view class="back-top" @tap="toTop" v-show="showBtn">
		<uni-icons type="up" size="26" color="#9a9a9a"></uni-icons>
	</view>
</template>

<script>
	export default {
		name:"upTop",
		data() {
			return {
				showBtn: false
			};
		},
		props: {
			scrollTop: {
				type: Number,
				default: 0
			}
		},
		methods: {
			topData(e) {
				this.showBtn = e > 50
			},
			// 返回顶部
			toTop() {
				uni.pageScrollTo({
					scrollTop: 0,
					duration: 100
				})
			}
		}
	}
</script>

<style lang="stylus" scoped>
.back-top
	position: fixed;
	z-index: 9999;
	right: 20rpx;
	bottom: 150rpx;
	// background-color: rgba(150,150,150,.3);
	width: 80rpx;
	height: 80rpx;
	// line-height: 80rpx;
	// border-radius: 50%;
	// text-align: center;
	// box-shadow: 0 4rpx 16rpx rgba(28,31,35,.3);
</style>