<template>
  <Container :needPadding="true">
    <template v-slot:header>
      <WlHeader :needBottomBorder="true">MtSuspensionCode 悬浮码</WlHeader>
    </template>
    <template v-slot:main>
      <Title>二维码类型</Title>
      <MtSuspensionCode type="circular" />
      <Title>头像样式</Title>
      <MtSuspensionCode
        style="position: relative"
        type="avtatar"
        text="文字文字"
        imgUrl="https://wlmvp-cos.weiling.cn/frontend/xiaowei.jpg"
      />
      <Title>固定底部样式</Title>
      <MtSuspensionCode
        type="static"
        position="fixed"
        title="test"
        subtitle="123123"
        imgUrl="https://wlmvp-cos.weiling.cn/frontend/xiaowei.jpg"
      />
      <Title>悬浮右侧样式</Title>
      <MtSuspensionCode
        type="static"
        position="suspension"
        title="test"
        subtitle="123123"
        imgUrl="https://wlmvp-cos.weiling.cn/frontend/xiaowei.jpg"
      />
    </template>
  </Container>
</template>

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