<template>
  <view class="border-0.5px border-solid p-20rpx">
    <div class="flex">
      <view>{{ data.name }}</view>
    </div>
    <view class="mt-20rpx">
      <text class="text-42rpx font-bold">{{ data.value }}</text>
      <text class="text-24rpx ml-4rpx">{{ data.unit }}</text>
    </view>
  </view>
</template>
<script>
export default {
  props: {
    data: {
      type: Object,
      default: () => {},
    },
  },
}
</script>
