<template>
  <Container>
    <template v-slot:header>
      <WlHeader :needBottomBorder="true">MtGroupList 分组列表</WlHeader>
    </template>
    <template v-slot:main>
      <Title :needPadding="true">基础使用</Title>
      <MtGroupList :list="groupList" />
      <Title :needPadding="true">修改文字</Title>
      <MtGroupList :list="groupList" deleteDialogTitle="删除分组，分组中的问答将归类到默认分组中" deleteDialogDescription="同时删除分组中的问答" />
    </template>
  </Container>
</template>

<script>
import Title from "../components/Title";
import Container from "../components/Container";
export default {
  name: "MtGroupList-Example",
  components: { Title, Container },
  data() {
    return {
      groupList: [
        {
          id: 1,
          group_name: "分组1",
        },
        {
          id: 2,
          group_name: "分组2",
        },
        {
          id: 3,
          group_name: "分组3",
        },
      ],
    };
  },
};
</script>

<style scoped lang="scss">
.pic-wrap {
  width: 100%;
}

.pic-tx-wrap {
  width: j(100);
  height: j(100);
}

.container {
  height: 100%;
}
</style>
