<template>
	<view >
		<view class="iconfont icon-gouwuche t-c shopping" @click="goShopping">
			
		</view>
		<view class="f-28 f-w t-c shopnums" v-if="shopNum > 0">
			{{shopNum}}
		</view>
	</view>
</template>

<script>
	import App from '@/common/js/app.js';
	export default{
		methods:{
			goShopping(){
				App.navigationTo({
					url:'pages/subPages2/businessCenter/foodShopping/foodShopping'
				})
			}
		},
		props:{
			shopNum: {
				type: Number,
				default: 0
			}
		},
		watch:{
			shopNum(newVal,oldVal){
				console.log(newVal,'woshigouwuche');
			}
		}
	}
</script>

<style scoped lang="scss">
	.shopping{
		width: 100upx;
		height: 100upx;
		border-radius: 50%;
		line-height: 100upx;
		border: 1px solid #F1F1F1;
		position: fixed;
		right: 5%;
		bottom: 25%;
		font-size: 60upx;
		background-color: #FF4444;
		color: #FFFFFF;
		font-weight: 700;
	}
	.shopnums{
		position: fixed;
		right: 5%;
		bottom: 31%;
		border-radius: 60upx;
		background-color: #ffffff;
		border: 1px solid #FF4444;
		color: #FF4444;
		padding: 5upx 15upx;
	}
</style>
