<template>
  <div class="Si-card Pdsc">
    <service-title title="价格说明" />
    <ul class="Pdsc-list">
      <li v-for="(pItem, pIndex) in priceDesc" :key="pIndex" class="Pdsc-list-li">
        <div class="cirli Pdsc-list-li__name">{{ pItem.title }}</div>
        <div class="Pdsc-list-li__content">
          {{ pItem.content }}
        </div>
      </li>
    </ul>
  </div>
</template>
<script>
import ServiceTitle from '../../components/serviceTitle.vue';
export default {
  components: {
    ServiceTitle
  },
  props: {
    priceDesc: {
      type: Array,
      default: () => []
    }
  }
};
</script>
<style lang="less" scoped>
.Pdsc {
  &-list {
    .text-size(13);

    &-li {
      margin-top: @padding-md + 2px;
      &__name {
        font-weight: bold;
      }

      &__content {
        color: @gray-5;
        padding-left: @padding-xs + 2px;
        margin-top: @padding-xs;
      }
    }
  }
}
</style>
