<template>
  <div class="param-list">
    <div v-for="(param, index) in list" :key="index" class="row">
      <div class="col">{{ param.paramName }}：</div>
      <div class="col">{{ param.paramContent }}</div>
    </div>
  </div>
</template>
<script>
export default {
  name: 'ParamList',
  props: {
    list: {
      type: Array,
      default: () => []
    }
  }
}
</script>
<style lang="scss" scoped>
.param-list {
  display: table;
  .row {
    display: table-row;

    &:first-child {
      .col {
        padding-top: 0;
      }
    }

    &:last-child {
      .col {
        padding-bottom: 0;
      }
    }

    .col {
      display: table-cell;
      padding: 8px 0;

      &:first-child {
        padding-right: 8px;
      }
    }
  }
}
</style>
