hjdz/components/returnButton.vue

<template>
	<view class="content" :style="{'bottom': btmSize + 'rpx'}">
		<view class="retun-Box" @click="navTo('/pages/order/order?state=0')">
			<image class="return-img" src=".././static/tabBar/dingdan.png"></image>
			<view class="return-text">订单</view>
		</view>
		<view class="retun-Box" @click="GoHome">
			<image class="return-img" src=".././static/tabBar/home.png" ></image>
			<view class="return-text">首页</view>
		</view>
	</view>
</template>

<script>
export default {
	props: {
		btmSize: {
			type: Number,
			default: 330
		}
	},
	data() {
		return {
			
		}
	},
	methods: {
		navTo(url) {
			uni.navigateTo({
				url: url
			})
		},
		GoHome() {
			// uni.navigateTo({
			// 	url: '/pages/groupBooking/index'
			// })
			uni.switchTab({
				url: '/pages/index/index'
			})
		}
	}
}
</script>

<style lang="scss">
.content {
	position: fixed;
	right: 0;
	// bottom: 330rpx;
	.retun-Box {
		border-radius: 50%;
		background: #FFFFFF;
		width: 100rpx;
		height: 100rpx;
		margin-top: 30rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		box-shadow: 0 6rpx 20rpx #888888;
		.return-img {
			width: 40rpx;
			height: 40rpx;
		}
		.return-text {
			font-size: $font-sm;
			margin-top: 8rpx;
		}
	}
}
</style>