<template>
  <BasePage>
    <div class="resources">
      <div class="resourcesTitle">
        <span>资源网络</span>
      </div>

      <div class="entranceList">
        <div class="entranceItem eI1">
          <img src="/img/entrance1.png" alt="">
          <b class="itemTitle">供应商入驻</b>
          <div class="itemContent">企业运营问题清单+优先级排序</div>
        </div>

        <div class="entranceItem eI2">
          <img src="/img/entrance2.png" alt="">
          <b class="itemTitle">服务商认证</b>
          <div class="itemContent">专家驻场/线上咨询，定制解决方案</div>
        </div>

        <div class="entranceItem eI3">
          <img src="/img/entrance3.png" alt="">
          <b class="itemTitle">投资机构备案</b>
          <div class="itemContent">从方案设计到执行落地的闭环服务</div>
        </div>
      </div>

      <div class="matchBox">
        <div class="resourcesTitle">
          <span>3步极速匹配</span>
        </div>

        <div class="matchList">
          <div class="matchItem">
            <span>01</span>
            <b class="itemTitle">需求诊断</b>
            <div class="itemContent">勾选资源类型（产品/资金/流量等）+ 行业标签</div>
          </div>

          <div class="matchItem">
            <span>02</span>
            <b class="itemTitle">智能推荐</b>
            <div class="itemContent">算法推送3套最优资源组合方案</div>
          </div>

          <div class="matchItem">
            <span>03</span>
            <b class="itemTitle">1V1顾问</b>
            <div class="itemContent">专属孵化经理全程跟进落地</div>
          </div>
        </div>
      </div>

      <div class="matrixBox">
        <div class="resourcesTitle">
          <span>赋能资源矩阵</span>
        </div>

        <div class="matrixList">
          <div class="matrixItem" v-for="item in matrixList">
            <img :src="item.img" alt="">
            <div>
              <b class="itemTitle">{{ item.title }}</b>
              <div class="itemContent" v-for="i in item.content.split('\n')"> <b>{{ i.split('：')[0] }}</b>:{{
                i.split('：')[1] }}
                <!-- <b>{{ i.slice(0, 4) }}</b>{{ i.slice(4) }} -->
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </BasePage>
</template>

<script>
export default {
  name: '',
  data() {
    return {
      matrixList: [
        {
          img: '/img/matrixItem1.png',
          title: '产品供应链',
          content: '产业直供：100+行业优质厂家\n爆品库：市场验证产品方案\n定制开发：柔性供应链对接'
        },
        {
          img: '/img/matrixItem2.png',
          title: '渠道网络',
          content: '渠道资源：电商/社交/线下代理\n跨境通道：主流国家合规渠道\n私域工具：社群分销SaaS接入'
        },
        {
          img: '/img/matrixItem3.png',
          title: '技术赋能',
          content: '数字方案：小程序/ERP/AI工具\n专家资源：200+认证服务商\n专利库：可授权技术清单'
        },
      ]
    };
  },
};
</script>
