<template>
  <div class="van-hairline--bottom type-three">
    <!-- <div style="text-align:left;font-size: 18px;line-height:1.5em;color:#353535;font-weight:500;">{{proofSubItem.label}}</div> -->
    <component
        v-for="(item) in proofSubItem.data" 
        :key="item.id"
        :value.sync="item.data"
        :is="getComponent(item.type)"
        :proofSubItem="item">
    </component>
  </div>
</template>

<script lang="ts">
import { Component, Prop, Model, Emit, Vue } from 'vue-property-decorator';
import Types from '@/components/template/index';
@Component({
  name: 'TypeThree',
  components: {
  },
})
export default class TypeThree extends Vue {
  @Prop()
  private proofSubItem: any;
  private readonly typeComponent: any = Types;
  private getComponent(type: number) {
    return this.typeComponent[type];
  }
}
</script>
<style lang="scss" scoped>
  .type-three{
    color: $valueColor2;
    margin-bottom: 30px;
  }
</style>
