<template>
	<view class="price">
		<view class="m">{{price}}</view>
		<text class="des">{{des}}</text>
	</view>
</template>

<script>
	export default {
		props: {
			price: {
				type: String,
				default: "$0"
			},
			des: {
				type: String,
				default: ""
			}
		},
		data() {
			return {

			}
		}
	}
</script>

<style lang="scss" scoped>
	.price {
		padding: 20rpx;
		.m {
			font-size: $uni-font-size-title;
			color: $uni-color-error;
			font-weight: bold;
			letter-spacing: 3rpx;
		}
		.des {
			font-size: $uni-font-size-title;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			line-clamp: 2;
			-webkit-box-orient: vertical;
			margin: 10rpx 0;
		}
	}
</style>
