<template>
	<view class="bd-shops">
		<view class="shops" id="shops" @click="showTime">
			<image src="/static/image/icon/city-service/shop.png" mode=""></image>
		</view>
	</view>

</template>

<script>
	export default {
		props: {
			shops: {
				type: String
			},
		},
		methods: {
			showTime() {
				let imgArr = [];
				imgArr.push(this.shops);
				uni.previewImage({
					current: imgArr[0],
					urls: imgArr,
				});
			}
		}
	}
</script>

<style lang="scss">
	.bd-shops {
		position: relative;

		.shops {
			z-index: 1500;
			background-color: #ffffff;
			opacity: .8;
			width: 100upx;
			height: 100upx;
			position: fixed;
			bottom: 600upx;
			right: 25upx;
			text-align: center;
			border-radius: 30upx;
			line-height: 100upx;
			overflow: hidden;
			
			image{
				width: 100%;
				height: 100%;
				display: block;
			}


		}


	}
</style>
