<template>
  <div class="policy">
    <cr-sticky class="policy-tab">
      <cr-tabbar v-model="active" active-color="#333" inactive-color="#666">
        <cr-tabbar-item>全部</cr-tabbar-item>
        <cr-tabbar-item>本人</cr-tabbar-item>
        <cr-tabbar-item>父母</cr-tabbar-item>
        <cr-tabbar-item>配偶</cr-tabbar-item>
        <cr-tabbar-item>子女</cr-tabbar-item>
      </cr-tabbar>
    </cr-sticky>
    <!-- <policy-item></policy-item>
    <cr-divider class="policy-divider">我是有底线的</cr-divider>
    <insurance-recommend></insurance-recommend> -->
    <div class="policy-none">
      <cr-image round width="143px" height="143px" :src="policyDefault" />
      <p class="policy-none-title">暂无保单</p>
      <p class="policy-none-desc">赶紧去看看有哪些精品保险吧</p>
    </div>
  </div>
</template>
<script>
import "./index.less";
import policyDefault from "@/assets/images/policy/policy-default@2x.png";
// import InsuranceRecommend from "./modules/InsuranceRecommend";
// import PolicyItem from "./modules/PolicyItem";

export default {
  name: "PolicyList",
  // components: {
  //   InsuranceRecommend,
  //   PolicyItem
  // },
  data() {
    return {
      active: 0,
      policyDefault
    };
  }
};
</script>
