<template>
  <Container :needPadding="true">
    <template v-slot:header>
      <WlHeader :needBottomBorder="true">EnLogo 公司名称</WlHeader>
    </template>
    <template v-slot:main>
      <Title>基础用法</Title>
      <EnLogo name="公司名称" />
      <Title>简称</Title>
      <div class="short-name">
      <EnLogo name="公司名称" shortenName="简"/>
      <EnLogo name="公司名称" shortenName="简称"/>
      <EnLogo name="公司名称" shortenName="简称简"/>
      <EnLogo name="公司名称" shortenName="简称简称简称"/>
      </div>
      <Title>企业头像</Title>
      <EnLogo name="企业头像" avatar_url="https://wlmvp-cos.weiling.cn/frontend/xiaowei.jpg"/>
      <Title>隐藏公司名称</Title>
      <EnLogo :nameShow="false" name="公司名称" />
    </template>
  </Container>
</template>

<script>
import Title from "../components/Title";
import Container from "../components/Container";
export default {
  name: "EnLogo-Example",
  components: { Title, Container },
};
</script>
