<template>
	<view class="coopon-pages">
		<couponTpl @checkOk="checkOk" :showCheck="true"></couponTpl>
		<view class="fix-button" v-if="curCoupon">
			<view>
				<view>优惠：￥9.8</view>
				<view @click="comfirn">确认</view>
			</view>
		</view>
	</view>
</template>

<script>
	import couponTpl from '@/pages/coupon/couponTpl.vue'
	export default {
		components: {
			couponTpl
		},
		data() {
			return {
				curCoupon: null
			};
		},
		methods:{
			checkOk(item){
				this.curCoupon = item
			},
			// 确认按钮
			comfirn(){
				uni.navigateBack()
			}
		}
	}
</script>

<style lang="scss">
	.coopon-pages{
		width: 100%;
		padding-bottom: 100rpx;
		.fix-button{
			width: 100%;
			position: fixed;
			bottom: 0;
			> view{
				display: flex;
				align-items: center;
				background: #333;
				>view{
					padding: 20rpx 30rpx;
					color: #fff;
					&:first-child{
						width: 70%;
						flex-grow: 1;
					}
					&:last-child{
						background:red;
						width: 30%;
						color: #fff;
						text-align: center;
						font-size: 36rpx;
					}
				}
			}
		}
	}
</style>
