<template>
	<view class="box">
		<view class="data">
			<u-steps current="0" :dot="true" direction="column" activeColor="#E75F37" style="z-index: 3;">
				<u-steps-item :title="item.context" :desc="item.ftime" v-for="(item,index) in data"></u-steps-item>
			</u-steps>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				data: []
			}
		},
		onLoad: function(option) {
			const item = JSON.parse(decodeURIComponent(option.steps));
			console.log(item);
			this.data = item;
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.box {
		padding: 20rpx 30rpx;
		
		.data {
			
			padding: 20rpx 30rpx;
			
			border-radius: 30rpx;
			background-color: #fff;
		}
	}
</style>