qzw_xcx/component/Gobacktop.vue

<template>
	<view @click="goback" class="top" :style="{bottom:height+'px'}" :class="bottomtop==1?'':'activebottom' ">
		<img class="imgTop" src="/static/back_top.png" />
	</view>
</template>

<script>
	export default {
		props: {
			isTop: {
				default: false,
				type: Boolean
			},
			bottomtop: {
				default: 1,
			},
			height:{
				default: 25,
				type: Number
			}
		},
		methods: {
			goback() {
				this.$emit('getop')
			},
		}
	}
</script>

<style>
	.top {
		width: 80upx;
		height: 80upx;
		border-radius: 50%;
		background-color: #fff;
		border: 1px solid #ccc;
		position: fixed;
		right: 32upx;
		bottom: 180upx;
		background-color: transparent;
	}
	.activebottom {
		width: 80upx;
		height: 80upx;
		border-radius: 50%;
		background-color: #fff;
		border: 1px solid #ccc;
		position: fixed;
		right: 32upx;
		bottom: 230upx;
		background-color: transparent;
	}
	.imgTop {
		width: 100%;
		height: 100%;
	}
</style>