<template>
  <div class="policy-recommend">
    <div class="policy-recommend-content">
      <cr-image class="Prc-left" width="" height="" :src="recommendContent" />
      <div class="Prc-right">
        <p class="Prc-right-title">
          <span>50万</span>
          <span>重疾保障</span>
        </p>
        <p class="Prc-right-desc">优势介绍 优势介绍 优势介绍</p>
      </div>
    </div>
    <cr-button class="policy-recommend-button" @click="goNext()">点此投保</cr-button>
    <cr-image class="policy-recommend-angle" width="" height="" :src="recommendAngle" />
  </div>
</template>
<script>
import recommendAngle from "@/assets/images/policy/recommend-angle@2x.png";
import recommendContent from "@/assets/images/policy/recommend-content@2x.png";

export default {
  name: "InsuranceRecommend",
  data() {
    return {
      recommendAngle,
      recommendContent
    };
  },
  methods: {
    goNext() {
      // todo 跳转医疗险详情页
    }
  }
};
</script>
<style lang="less" src="../index.less" scoped></style>
