<template>
	<view class="task-info-box">
		<slot></slot>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.task-info-box {
		width: 100%;

		width: 100%;
		padding: 30rpx;
		background: #eefcff;
		border-radius: 20rpx;

		/deep/ .task-info-item {
			margin-bottom: 15rpx;
			width: 100%;
			font-size: 26rpx;
			line-height: 40rpx;

			&:last-child {
				margin-bottom: 0;
			}

			.task-info-title {
				// font-family: .PingFang SC, .PingFang SC-Medium;
				font-weight: Medium;
				text-align: left;
				color: #1a1a1a;
			}

			.task-info-val {
				// font-family: .PingFang SC, .PingFang SC-Light;
				font-weight: Light;
				// text-align: left;
				color: #808080;
			}

			.task-info-integral {
				color: #3EB8D0;
			}
		}
	}
</style>