<template>
  <view class="product-spec" v-if="attribute_json">
    <view class="spec-header">
      <view class="label">规格</view>
    </view>
    <view class="spec-value">{{ attribute_json }}</view>
  </view>
</template>

<script>
export default {
  props: {
    product: {
      type: Object,
      required: true
    },
     skuId_info:{
      type: Object,
      default:()=>{}
    }
  },
    computed:{
    attribute_json(){
       const data = this.skuId_info || {}
      return data.attribute_json;
    },}
};
</script>

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