<template>
  <van-cell-group v-if="props.itemList.length != 0" title="类目信息">
    <div
      class="itembox"
      v-for="item in props.itemList"
      :key="item.invoiceItemId"
    >
      <van-cell title="开票项目">
        <template #value>
          <span style="color: #000">{{ item.name }}</span>
        </template>
      </van-cell>
      <van-cell title="开票金额">
        <template #value>
          <span style="color: #000">{{ item.charge }}</span>
        </template>
      </van-cell>
      <div class="lastLine" />
    </div>
  </van-cell-group>
</template>
<script setup>
const props = defineProps({
  itemList: {
    type: Array,
    default: () => ({})
  }
})
</script>
<style lang="less" scoped>
.lastLine::after {
  position: absolute;
  box-sizing: border-box;
  content: " ";
  pointer-events: none;
  right: var(--van-padding-md);
  bottom: 0;
  left: var(--van-padding-md);
  border-bottom: 1px solid var(--van-cell-border-color);
  transform: scaleY(0.5);
}
</style>