<template>
  <view class="delivery-info">
    <view class="delivery-item">
      <view class="label">配送至</view>
      <view class="value">{{ delivery.to }}</view>
    </view>
    <view class="delivery-item">
      <view class="label">包邮</view>
      <view class="value">{{ delivery.freeShipping }}</view>
    </view>
    <view class="delivery-item">
      <view class="label">起购</view>
      <view class="value">{{ delivery.minPurchase }}</view>
    </view>
  </view>
</template>

<script>
export default {
  props: {
    delivery: {
      type: Object,
      required: true
    }
  }
};
</script>

<style lang="scss" scoped>
.delivery-info {
  background-color: #ffffff;
  border-radius: 10rpx;
  box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1);
  padding: 30rpx;
  margin-bottom: 30rpx;
}
.delivery-item {
  margin-bottom: 15rpx;
}
.label {
  font-size: 28rpx;
  color: #666666;
  margin-bottom: 8rpx;
}
.value {
  font-size: 26rpx;
  color: #333333;
}
</style>