<template>
	<view>
		<uni-nav-bar  left-icon="left"   title="My Coupons" color="#000000" rightIcon="info" @clickLeft="back" @clickRight="goPage" :border="false"/>
		<view class="body">
			<view class="coupons_item" v-for="(item,index) in 3 " :key="index">
				<view class="coupons_item_left">
					<view class="item_left_prcie">$20.00</view>
					<text class="item_left_span">Min.spend</text>
					<view>$200.00</view>
				</view>
				<view class="coupons_item_right">
					<view class="coupons_right_info">
						<view class="coupons_right_info_title">All-purpose</view>
						<text>The tide zone is available</text>
						<view class="coupons_right_info_time">2022.09.23  10:37 - 2022.12.23  10:37</view>
					</view>
					<button>Use Now</button>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods:{
			back(){
				uni.navigateBack()
			},
			goPage(){
				console.info(111)
				uni.navigateTo({
					url:"/pages/index/pickUpCentre"
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.uni-navbar{
		font-size: 32rpx;
		font-weight: bold;
	}
	.body{
		border-top: 14.67rpx #F7F7F7 solid;
		padding:0 26rpx;
		padding-top: 31.33rpx;
	}
</style>