<template>
	<view class="fixed">
		<navigator  url="/pages/index/index" open-type="switchTab" hover-class="none">
			<view class="home">
				<image src="/static/images/home-icon.png" mode="aspectFit"></image>
			</view>
		</navigator>
		<navigator url="/pages/service/service" open-type="switchTab" hover-class="none">
			<view class="home">
				<image src="/static/images/service.png" mode="aspectFit"></image>
			</view>
		</navigator>
	</view>
</template>

<script>
	export default {
		data() {
			return {}
		}
	}
</script>

<style lang="scss" scoped>
	$fixed-wh: 80rpx;

	.fixed {
		position: fixed;
		right: 20rpx;
		bottom: 100rpx;
		width: $fixed-wh;

		.home {
			width: $fixed-wh;
			height: $fixed-wh;
			border-radius: 50%;
			background-color: $uni-color-primary;
			margin: 20rpx 0;
			display: flex;
			justify-content: center;
			align-items: center;

			image {
				width: 50%;
				height: 50%;
			}
		}
	}
</style>
