<template>
  <Container>
    <template v-slot:header>
      <WlHeader :needBottomBorder="true">MtTotal 物料统计选择</WlHeader>
    </template>
    <template v-slot:main>
      <Title :needPadding="true">基础使用</Title>
      <MtTotal title="文字" :count="10" :checkboxVisible="false" />
      <Title :needPadding="true">隐藏选择按钮</Title>
      <MtTotal title="文字" :count="10" :checkboxVisible="false" />
      <Title :needPadding="true">颜色修改</Title>
      <MtTotal title="文字" :count="10" :checkboxVisible="true" unChosedColor="#4fc08d" />
    </template>
  </Container>
</template>

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

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

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

.item {
  display: flex;
  justify-content: space-around;
}
</style>
