partnerApp/pages/tools/coupon/coupon.vue

<template>
	<view class="coupon_box">
		<view class="other_type">
			<view class="text"><span>全面型消费券</span></view>
		</view>
		<coupon v-for="(item, index) in coupon[0].list" :key="index" v-bind:item="item" theme="#ff0000"></coupon>
		<!-- <view class="other_type">
			<view class="text"><span>简洁型消费券</span></view>
		</view>
		<coupon v-for="(item, index) in coupon[0].list" :key="index" v-bind:item="item" types="carts" theme="#ff6c00" color="#ffffff" solid="#ff6c00"></coupon> -->
	</view>
</template>

<script>
	import coupon from '@/components/modules/tools/coupon/coolc-coupon';
	export default {
		components: {
			coupon
		},
		data(){
			return {
				coupon:[{
					list: [{
						url: "/pages/brand/index/id/1",
						money: "150",
						title: "满2000减150元",
						ticket: "YMC_5c929fbf47235",
						seller_name: "太原政府消费券",
						end_time: "2019-04-20 01:51:20",
						state: "1"
					},
					{
						url: "/pages/brand/index/id/1",
						money: "50",
						title: "满1000减50元",
						ticket: "YMC_5c929fbf47235",
						seller_name: "太原政府消费券",
						end_time: "2019-04-20 01:51:20",
						state: "1"
					}]
				}]
			}
		},
		onLoad() {

		},
		methods:{

		}
	}
</script>

<style lang='scss'>
page { background:white; }
.coupon_box {
	height:auto;
	display:table;
	padding:6upx 26upx 26upx 26upx;
	width:100%;
	box-sizing: border-box;
}

.other_type {
	width:100%;
	height:90upx;
	padding-top:50upx;
	box-sizing: border-box;
	.text { 
		width:100%;
		border-top:1px solid #eeeeee;
		display:block;
		text-align:center;
		position:relative;
		box-sizing: border-box;
	}
	.text span { 
		width:180upx;
		height:40upx;
		line-height:40upx;
		color:#999999;
		display:block;
		background:#ffffff;
		position:absolute;
		left:50%; top:50%;
		margin-left:-90upx;
		margin-top:-20upx;
		font-size:24upx;
	}
}
</style>