<template>
  <div class="page flex-col">
    <div class="box_1 flex-row justify-between">
      <span class="text_1">9:41</span>
      <img
        class="image_1"
        referrerpolicy="no-referrer"
        src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng41ebf05313566695702fdc28688b6ed52dbbba555ddd1f6c423593ff63b3f65e"
      />
    </div>
    <div class="box_2 flex-col">
      <div class="group_1 flex-col">
        <div class="grid_1 flex-row">
          <div
            class="image-text_1 flex-col"
            v-for="(item, index) in loopData0"
            :key="index"
          >
            <img
              class="image_2"
              referrerpolicy="no-referrer"
              :src="item.lanhuimage0"
            />
            <span class="text-group_1" v-html="item.lanhutext0"></span>
          </div>
        </div>
      </div>
      <div class="group_2 flex-col">
        <div class="text-wrapper_1 flex-row justify-between">
          <span class="text_2">热卖产品：</span>
          <span class="text_3">查看更多</span>
        </div>
        <div class="box_3 flex-col">
          <span class="text_4">家庭财富传承保障计划（分红）</span>
          <div class="grid_2 flex-row">
            <div class="text-wrapper_2 flex-col">
              <span class="text_5">收益率3.5%</span>
            </div>
            <div class="text-wrapper_3 flex-col">
              <span class="text_6">5年超值</span>
            </div>
            <div class="text-wrapper_4 flex-col">
              <span class="text_7">保证收益万能</span>
            </div>
            <div class="text-wrapper_5 flex-col">
              <span class="text_8">限时2.00%</span>
            </div>
          </div>
          <div class="section_1 flex-row justify-between">
            <div class="text-wrapper_6 flex-col">
              <span class="text_9">产品资料</span>
            </div>
            <div class="text-wrapper_7 flex-col">
              <span class="text_10">计划书</span>
            </div>
          </div>
        </div>
        <div class="box_4 flex-col">
          <span class="text_11">儿童教育金储备方案（分红）</span>
          <div class="block_1 flex-row justify-between">
            <div class="text-wrapper_8 flex-col">
              <span class="text_12">收益率4.2%</span>
            </div>
            <div class="text-wrapper_9 flex-col">
              <span class="text_13">10年期</span>
            </div>
            <div class="text-wrapper_10 flex-col">
              <span class="text_14">教育专属</span>
            </div>
          </div>
          <div class="block_2 flex-row justify-between">
            <div class="text-wrapper_11 flex-col">
              <span class="text_15">产品资料</span>
            </div>
            <div class="text-wrapper_12 flex-col">
              <span class="text_16">计划书</span>
            </div>
          </div>
        </div>
      </div>
      <div class="group_3 flex-col">
        <div class="text-wrapper_13 flex-row justify-between">
          <span class="text_17">本周热门资料</span>
          <span class="text_18">查看更多</span>
        </div>
        <div class="group_4 flex-row justify-between">
          <div class="image-text_2 flex-row justify-between">
            <img
              class="thumbnail_1"
              referrerpolicy="no-referrer"
              src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngbbfb74181183949bab3fd24840ff57318c45a0419d0256444fd1c4ef1a79c138"
            />
            <span class="text-group_2">256人学习</span>
          </div>
          <span class="text_19">78%</span>
          <div class="image-text_3 flex-row justify-between">
            <img
              class="image_3"
              referrerpolicy="no-referrer"
              src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng1be951f3bd8f40d9a448b411caf782306928530c03c5da114f9ce990a51f9c12"
            />
            <span class="text-group_3">2024年保险市场趋势分析报告</span>
          </div>
        </div>
        <img
          class="image_4"
          referrerpolicy="no-referrer"
          src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngf546c69e1a7b33e53d1d0acd31c237f7b1c75a5bd856058be438277083ae4271"
        />
        <div class="group_5 flex-row">
          <div class="image-text_4 flex-row justify-between">
            <img
              class="thumbnail_2"
              referrerpolicy="no-referrer"
              src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngbbfb74181183949bab3fd24840ff57318c45a0419d0256444fd1c4ef1a79c138"
            />
            <span class="text-group_4">189人学习</span>
          </div>
          <div class="image-text_5 flex-row justify-between">
            <img
              class="image_5"
              referrerpolicy="no-referrer"
              src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng7ed1867c614047c5556036c68d3e0bc23adeec0a03a1f93504a92bd2429e78d2"
            />
            <div class="text-group_5 flex-col">
              <span class="text_20">高净值客户需求分析与产品匹配</span>
              <span class="text_21">65%</span>
            </div>
          </div>
        </div>
        <img
          class="image_6"
          referrerpolicy="no-referrer"
          src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngf546c69e1a7b33e53d1d0acd31c237f7b1c75a5bd856058be438277083ae4271"
        />
        <div class="group_6 flex-row justify-between">
          <div class="image-text_6 flex-row justify-between">
            <img
              class="thumbnail_3"
              referrerpolicy="no-referrer"
              src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngbbfb74181183949bab3fd24840ff57318c45a0419d0256444fd1c4ef1a79c138"
            />
            <span class="text-group_6">142人学习</span>
          </div>
          <span class="text_22">52%</span>
          <div class="image-text_7 flex-row justify-between">
            <img
              class="image_7"
              referrerpolicy="no-referrer"
              src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng6e0e05483dc698cbc4497f50b3bd13605c7a742843afd58d656615bf0f12c3c9"
            />
            <span class="text-group_7">保险合同条款解读与风险提示</span>
          </div>
        </div>
      </div>
      <div class="group_7 flex-col">
        <img
          class="image_8"
          referrerpolicy="no-referrer"
          src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngbf3e746af52a38753bd540d5f486761a166161ff3c8f2985aa5e994a36349ea4"
        />
        <div class="list_1 flex-row">
          <div
            class="image-text_8 flex-col"
            v-for="(item, index) in loopData1"
            :key="index"
          >
            <img
              class="label_1"
              referrerpolicy="no-referrer"
              :src="item.lanhuimage0"
            />
            <span
              class="text-group_8"
              :style="{ color: item.lanhufontColor0 }"
              v-html="item.lanhutext0"
            ></span>
          </div>
        </div>
        <img
          class="image_9"
          referrerpolicy="no-referrer"
          src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngd87bce34194e46404c7ac21a64bed8e9f8454451baaf336c5201241680a20c9d"
        />
      </div>
    </div>
    <div class="box_5 flex-col">
      <span class="text_23">臻奇智荟圈</span>
      <div class="box_6 flex-row">
        <div class="image-text_9 flex-row justify-between">
          <img
            class="thumbnail_4"
            referrerpolicy="no-referrer"
            src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPnge70b40998a55fd5afcd7af006a030581403739d95f19ae93ec445e2c7a3f394e"
          />
          <span class="text-group_9">搜索培训资料、案例...</span>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      loopData0: [
        {
          lanhuimage0:
            'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng1d33b0dff470a17d9a986f1713e25a3bd12449943610bdd67a96ca95cccab96e',
          lanhutext0: '计划书',
        },
        {
          lanhuimage0:
            'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng850afb7cff66e9825b628363734d7a475c4664cf264679159b1dfd5124b73113',
          lanhutext0: '入职相关',
        },
        {
          lanhuimage0:
            'https://lanhu-oss-2537-2.lanhuapp.com/SketchPngbe3ecbbad98de984b03f3b9ea90551034f64caaeb54fcb543509b2871f9e6e66',
          lanhutext0: '签单相关',
        },
        {
          lanhuimage0:
            'https://lanhu-oss-2537-2.lanhuapp.com/SketchPngb50c7f823c501e2898b6f1ca071b3695e9fefc551f83ff7c3c9797c92626916f',
          lanhutext0: '家办相关',
        },
        {
          lanhuimage0:
            'https://lanhu-oss-2537-2.lanhuapp.com/SketchPnge93be123da82ca55f1b40c63bcb07c7efd19985397de7666fcfa7d8202ca22df',
          lanhutext0: '产品知识库',
        },
        {
          lanhuimage0:
            'https://lanhu-oss-2537-2.lanhuapp.com/SketchPngf249d43500cae9c683301328abadc586ef23a2e14f09f226a4209bf5ca874717',
          lanhutext0: '客户服务',
        },
      ],
      loopData1: [
        {
          lanhuimage0:
            'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng720f91cb0b105e7be4aac241a0575bb0a7d3c26f39519a121ac7141bfe84c0c5',
          lanhutext0: '首页',
          lanhufontColor0: 'rgba(37,99,235,1.000000)',
        },
        {
          lanhuimage0:
            'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng355fd7cd6d5c986d30655db577fe8e511f878d37c9506e77dc53be60228d6453',
          lanhutext0: 'AI答疑',
          lanhufontColor0: 'rgba(156,163,175,1.000000)',
        },
        {
          lanhuimage0:
            'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng13ceb19b113cdc23fbf47e15ccf14d27aec044ad2c13f88539fc8459993ade6f',
          lanhutext0: '我的',
          lanhufontColor0: 'rgba(156,163,175,1.000000)',
        },
      ],
      constants: {},
    };
  },
  methods: {},
};
</script>
<style src="./common.css" />
<style src="./index.css" />