<template>
	<view class="processBox">
		<!-- 背景 线 -->
		<view class="flex mac"
			style="height:0rpx; position: relative;top:50%;left:50%;transform: translate(-50%, -50%);width:66%">
			<view class="bg-m flex1 processLine"></view>
			<view class="bg-mg flex1 processLine"></view>
		</view>
		<!-- 背景 点 -->
		<view class="flex mac"
			style="height:36rpx; position: relative;top:50%;left:50%;transform: translate(-50%, -50%);width:66%">
			<view class="flex1">
				<view class="bg-m rad-c" style="width:18rpx;height:18rpx;"></view>
			</view>
			<view class="flex1 flex mse">
				<view class="bg-m rad-c" style="width:18rpx;height:18rpx;"></view>
			</view>
			<view class="flex1 flex mr">
				<view class="bg-m rad-c" style="width:38rpx;height:38rpx;"></view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "process",
		data() {
			return {

			}
		},
		props: {
			processList: {
				type: Array,
				deep: true
			}
		},
	}
</script>

<style lang="scss" scoped>
	.processBox {
		height: 60rpx;
	}

	.processLine {
		height: 2rpx;
	}
</style>