<template>
  <Container :needPadding="true">
    <template v-slot:header>
      <WlHeader :needBottomBorder="true">MtFooterTabs 页脚选项</WlHeader>
    </template>
    <template v-slot:main>
      <Title>基本使用</Title>
      <MtFooterTabs :tabList="list"></MtFooterTabs>
    </template>
  </Container>
</template>

<script>
import Title from "../components/Title";
import Container from "../components/Container";
export default {
  name: "MtFooterTabs-Example",
  components: { Title,Container },
  data() {
    return {
      list: [
        {
          id: 1,
          visible: true,
          icon: "https://wlmvp-cos.weiling.cn/frontend/images/cat.jpeg",
          title: "发送",
        },
        {
          id: 2,
          visible: false,
          icon: "https://wlmvp-cos.weiling.cn/frontend/images/cat.jpeg",
          title: "复制答案文本",
        },
        {
          id: 3,
          visible: true,
          icon: "https://wlmvp-cos.weiling.cn/frontend/images/cat.jpeg",
          title: "选择分组",
        },
        {
          id: 4,
          visible: true,
          icon: "https://wlmvp-cos.weiling.cn/frontend/images/cat.jpeg",
          title: "编辑",
        },
      ],
    };
  },
};
</script>
