<template>
  <div class="policy-recommend">
    <div class="policy-recommend-content">
      <cr-image class="Prc-left" width="72px" height="72px" :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">点此投保</cr-button>
    <cr-image class="policy-recommend-angle" width="65px" height="65px" :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
    };
  }
};
</script>
<style lang="less" src="../index.less" scoped></style>
