<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> -->
		<drag-button
			:isDock="true"
			:existTabBar="true"
			:dragPic="dragPic"
			:badge="count"
			@btnClick="toCart"
			@btnTouchstart="btnTouchstart"
			@btnTouchend="btnTouchend"
		/>
	 </view>
</template>
	<script>
		import dragButton from "@/components/drag-button/drag-button.vue";
		import {checkLogin} from '@/api/login.js'
		export default {
			components: {
			    dragButton
			},
			props:{
				closeCurPage:{
					type: Boolean,
					default: false
				},
				dragPic: {
					type: String,
					default: ''
				}
			},
			computed: {
				count() {
					return this.$store.state.vuex_cartNums
				}
			},
			data() {
				return {
					hasLogin: false
				}
			},
			mounted() {
				// 是否登录
				checkLogin().then(res => {
					console.log(res,'checkLogin')
					this.hasLogin = res.status == 200
				})
			},
			methods: {
				toCart() {
					let _this = this
					if(!this.hasLogin) {
						uni.showModal({
						  title: '提示',
						  content: '您尚未登录或登录已过期，请先进行登录',
						  success (res) {
						    if (res.confirm) {
						      uni.navigateTo({
						          url: '/pages/login/login'
						      });
						    } else if (res.cancel) {
						      console.log('用户点击取消');
						    }
						  }
						});
						return
					}
					if(_this.closeCurPage){
						uni.redirectTo({
							url:"/pagesA/cart/cart"
						})
					}else{
						uni.navigateTo({
							url:"/pagesA/cart/cart"
						})
					}
				},
				btnClick() {
					console.log('btnClick');
				},
				btnTouchstart() {
					console.log('btnTouchstart');
				},
				btnTouchend() {
					console.log('btnTouchend');
				},
			},
		}
	</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>
