<template>
	<view>
		<view class="status_bar"></view>
		<uni-nav-bar  left-icon="left"   title="Pick up centre" color="#000000"  @clickLeft="back"  :border="false">
			<block slot="right">
				<view class="head_coupons">
					<image src="../../static/img/coupons.png" mode=""></image>
				</view>
				
			</block>
		</uni-nav-bar>
		<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>Receive</button>
					<image src="../../static/img/coupons_bg.png" mode="" class="coupons_item_right_bg"></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {defaultRequest} from '../../api/index.js'
	export default {
		data() {
			return {
				list:[]
			}
		},
		methods:{
			getList(){
				let data={_action:'getbonuslist'}
				defaultRequest(data).then(res=>{
					console.info(res)
					if(res.error==0){
						this.list=res.data
					}
				})
			},
			back(){
				uni.navigateBack()
			},
		},
		onLoad() {
			this.getList()
		}
	}
</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;
	}
	.head_coupons{
		width: 34.67rpx;
		height: 34.67rpx;
		image{
			width: 100%;
			height: 100%;
		}
	}
</style>