<template>
  <Container :needPadding="true">
    <template v-slot:header>
      <WlHeader :needBottomBorder="true">EnEnterpriseList 企业列表</WlHeader>
    </template>
    <template v-slot:main>
      <Title>基础用法</Title>
      <EnEnterpriseList :data="list" />
      <Title>单个企业</Title>
      <EnEnterpriseList :data="[list[0]]" />
      <Title>多个列表</Title>
      <EnEnterpriseList :data="list" :retract="4"/>
    </template>
  </Container>
</template>

<script>
import Title from "../components/Title";
import Container from "../components/Container";
export default {
  name: "EnEnterpriseList-Example",
  components: { Title, Container },
  data() {
    return {
      list: [
        {
          company_name: "北京搜狐互联网信息服务有限公司",
          image_url:
            "https://image.qcc.com/logo/0a53ce6ce2c86f61ad6123dbd5f3d643.jpg?x-oss-process=style/logo_120",
        },
        {
          company_name: "中国煤炭科工集团有限公司",
          image_url:
            "https://image.qcc.com/logo/3ad92a23ace1c67fe62ab229c738b5c8.jpg?x-oss-process=style/logo_120",
        },
        {
          company_name: "深圳微信创科技有限公司",
          image_url:
            "https://image.qcc.com/logo/619fe30b3cdddc6397ffea226990c97d.jpg?x-oss-process=style/logo_120",
        },
        {
          company_name: "有限公司",
          image_url:
            "https://image.qcc.com/logo/3ad92a23ace1c67fe62ab229c738b5c8.jpg?x-oss-process=style/logo_120",
        },
      ],
    };
  },
};
</script>
