index.vue 3.73 KB
<template>
  <div class="page flex-col">
    <div class="block_1 flex-col">
      <div class="section_1 flex-col">
        <div class="box_1 flex-row justify-between">
          <span class="text_1">保险计划书申请</span>
          <img
            class="thumbnail_1"
            referrerpolicy="no-referrer"
            src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng43284a8c3fc98c60509d6d415fed8113414c4c0b072fa0f3b41fc26e76a03b15"
          />
        </div>
        <div class="box_2 flex-row justify-between">
          <span class="text_2">币种</span>
          <div class="text-wrapper_1 flex-col">
            <span class="text_3">美元保单</span>
          </div>
        </div>
        <div class="box_3 flex-row justify-between">
          <span class="text_4">计划</span>
          <div class="text-wrapper_2 flex-col">
            <span class="text_5">基础情景</span>
          </div>
        </div>
        <span class="text_6">附加计划</span> <span class="text_7">性别</span>
        <div class="box_4 flex-row">
          <img
            class="thumbnail_2"
            referrerpolicy="no-referrer"
            src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng1015590381802ed3f770814c3e05e4b73e6534f72e97a9a0721c459ed1dbac6a"
          />
          <span class="text_8">女</span>
          <div class="image-text_1 flex-row justify-between">
            <img
              class="thumbnail_3"
              referrerpolicy="no-referrer"
              src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngb0bb17420dba3691281e919f69d1e06a69d343e53ee68ad570ec2fe340cdb09c"
            />
            <span class="text-group_1">男</span>
          </div>
        </div>
        <div class="box_5 flex-row justify-between">
          <span class="text_9">年龄</span>
          <div class="image-text_2 flex-row justify-between">
            <span class="text-group_2">30周岁</span>
            <img
              class="thumbnail_4"
              referrerpolicy="no-referrer"
              src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng4f1ca24a37fc014649249f2a5db80cdec300bf86076429fb76cc42dff9b59f3d"
            />
          </div>
        </div>
        <div class="box_6 flex-row justify-between">
          <span class="text_10">保险期间</span>
          <div class="text-wrapper_3 flex-col">
            <span class="text_11">终身</span>
          </div>
        </div>
        <span class="text_12">交费期间</span>
        <div class="grid_1 flex-row">
          <div class="text-wrapper_4 flex-col">
            <span class="text_13">10年交</span>
          </div>
          <div class="text-wrapper_5 flex-col">
            <span class="text_14">3年交</span>
          </div>
          <div class="text-wrapper_6 flex-col">
            <span class="text_15">5年交</span>
          </div>
          <div class="text-wrapper_7 flex-col">
            <span class="text_16">躸交</span>
          </div>
          <div class="text-wrapper_8 flex-col">
            <span class="text_17">2年交</span>
          </div>
        </div>
        <span class="text_18">年交保费</span>
        <div class="text-wrapper_9 flex-row justify-between">
          <span class="text_19">100000</span> <span class="text_20">美元</span>
        </div>
      </div>
      <div class="section_2 flex-row justify-between">
        <div class="text-wrapper_10 flex-col">
          <span class="text_21">取消</span>
        </div>
        <div class="text-wrapper_11 flex-col">
          <span class="text_22">提交申请</span>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      constants: {},
    };
  },
  methods: {},
};
</script>
<style src="./common.css" />
<style src="./index.css" />