<template>
	 <view class="cart-fix" @click="toCart">
	 	<u-image width="70rpx" height="70rpx" src="/static/cart.png"></u-image>
	 	<u-badge absolute :offset="[15,10]" type="error" :count="count"></u-badge>
	 </view>
</template>
	<script>
		export default {
			computed: {
				count() {
					let arr = this.$store.state.vuex_cartList || []
					let count = 0
					arr.map(item=>{
						count = count + item.shoppingCartGoodsList.length
					})
					return count
				},
			},
			methods: {
				toCart() {
					this.$bindClick(function(){
						uni.navigateTo({
							url:"/pages/cart/cart"
						})
					})
				}
			},
		}
	</script>

<style lang="scss">
	.cart-fix{
		position: fixed;
		z-index: 100000;
		background: rgba($color: #ffffff, $alpha: 0.7);
		padding: 10upx;
		border-radius: 100%;
		bottom: 40%;
		right: 2%;
		box-shadow: 3upx 3upx 8upx #ccc;
	}
</style>
