<template>
  <Container :needPadding="true">
    <template v-slot:header>
      <WlHeader :needBottomBorder="true">MtSearch 选择搜索框</WlHeader>
    </template>
    <template v-slot:main>
      <Title>基础使用</Title>
      <MtSearch :filterOptions="list" />
      <Title>占位符修改</Title>
      <MtSearch :filterOptions="list" placeholder="搜索"/>
    </template>
  </Container>
</template>

<script>
import Title from "../components/Title";
import Container from "../components/Container";
export default {
  name: "MtSearch-Example",
  components: { Title, Container },
  data() {
    return {
      list: [
        {
          text: "全部",
          value: 1,
        },
        {
          text: "文字",
          value: 2,
        },
        {
          text: "图片",
          value: 3,
        },
        {
          text: "资料",
          value: 4,
        },
      ],
    };
  },
};
</script>
