<template>
  <div class="container">
    <div class="itd-product" v-for="item in products" :key="item.name">
      <div class="itd-product-pro">
        <p class="itd-product-pro-title">保险产品名称</p>
        <p class="itd-product-pro-value">{{ item.name }}</p>
      </div>
      <div class="itd-product-comp">
        <p class="itd-product-comp-title">保险公司</p>
        <p class="itd-product-comp-value">{{ item.company }}</p>
      </div>
      <cr-divider class="itd-divider" :hairline="false" />
      <div class="itd-product-no">
        <p class="itd-product-no-title">备案编号注册编号</p>
        <p class="itd-product-no-value" v-html="item.no"></p>
      </div>
    </div>
  </div>
</template>
<script>
import { products } from "../constant";

export default {
  name: "Company",
  data() {
    return {
      products
    };
  }
};
</script>
<style lang="less" src="../index.less" scoped></style>
