<template>
  <Container>
    <template v-slot:header>
      <WlHeader :needBottomBorder="true">WlFixedMenu 固定菜单</WlHeader>
    </template>
    <template v-slot:main>
      <Title :needPadding="true">基础用法</Title>
      <WlFixedMenu :data="data" />
    </template>
  </Container>
</template>

<script>
import Title from "../components/Title";
import Container from "../components/Container";
export default {
  name: "WlFixedMenu-Example",
  components: { Title, Container },
  data() {
    return {
      data: [
        {
          key: "addFollowUp",
          icon: "https://wlmvp-cos.weiling.cn/frontend/images/cat.jpeg",
          text: "添加跟进",
          isShow: true,
        },
        {
          key: "createBusiness",
          icon: "https://wlmvp-cos.weiling.cn/frontend/images/cat.jpeg",
          text: "创建商机",
          isShow: true,
        },
      ],
    };
  },
};
</script>

<style scoped lang="scss">
.pic-wrap {
  width: 100%;
}
.pic-tx-wrap {
  width: j(100);
  height: j(100);
}
</style>
