<template>
  <div id="accessory">
    <list-item :item-height="44">
      <item @click.native="type=1;sendDown()">
        <div slot="name">身份证</div>
        <span slot="content">
          <img src="@/assets/intoApproval/download.png" >下载在线查看
        </span>
      </item>
      <item @click.native="type=2;sendDown()">
        <div slot="name">营业执照</div>
        <span slot="content">
          <img src="@/assets/intoApproval/download.png" >下载在线查看
        </span>
      </item>
      <item @click.native="type=3;sendDown()">
        <div slot="name">银行卡</div>
        <span slot="content">
          <img src="@/assets/intoApproval/download.png" >下载在线查看
        </span>
      </item>
      <item @click.native="type=4;sendDown()">
        <div slot="name">征信授权书</div>
        <span slot="content">
          <img src="@/assets/intoApproval/download.png" >下载在线查看
        </span>
      </item>
    </list-item>
  </div>
</template>
<script>
export default {
  data () {
    return {
      type: 0,
    }
  },
  methods: {
    sendDown () {
      this.$emit('down', this.type)
    },
  },
}
</script>
<style lang="less" scope>
#accessory {
  span {
    font-family: PingFangSC-Regular;
    font-size: 11px;
    color: #00469c;
    letter-spacing: 0.34px;
    display: flex;
    align-items: center;
  }
  img {
    margin-right: 8.7px;
    width: 16.6px;
    height: 16.6px;
  }
}
</style>
