<template>
  <div class="policy-recommend">
    <div class="policy-recommend-content">
      <cr-image class="Prc-left" width="" height="" src="@/assets/images/goods/goods-01.png" />
      <div class="Prc-right">
        <p class="Prc-right-title">
          <span>600万</span>
          <span>医疗保障</span>
        </p>
        <p class="Prc-right-desc">看病报销医药费,最高600万</p>
      </div>
    </div>
    <cr-button class="policy-recommend-button" @click="goNext()">点此投保</cr-button>
    <cr-image
      class="policy-recommend-angle"
      width=""
      height=""
      src="@/assets/images/policy/recommend-angle@2x.png"
    />
  </div>
</template>
<script>
export default {
  name: "InsuranceRecommend",
  methods: {
    goNext() {
      this.$router.push({
        path: "/goods/detail",
        query: { id: "TKYLX001", type: "mi" }
      });
    }
  }
};
</script>
<style lang="less" src="../index.less" scoped></style>
