<template>
	<view class="list">
		<view>{{descript}}：</view>
		<view>{{values || '-'}}{{unit || ''}}</view>
	</view>
</template>

<script>
	export default {
		props:['descript','values','unit'],
		name:'sub-title',
	}
</script>

<style lang="scss" scoped>
	.list {
		width: 100%;
		display: flex;
		height: 100rpx;
		justify-content: space-between;
		font-size: 30rpx;
		view:first-child {
			color: #86909c;
		}
		view:last-child {
			color: #1d2129;
		}
	}
</style>
