<template>
  <div>
    <!-- <button @click="isShow">lala</button>
    <div class="nav">lalal</div>
    <div
      class="van-popup van-popup--top van-dropdown-item__content"
       :class="showMask?'show':'none'"
      style="transition-duration: 0.2s; z-index: 2028;"
    >
        哈哈哈
      
    </div>
    <div
      class="van-overlay"
      @click="isShow"
      :class="showMask?'show':'none'"
      style="z-index: 2019; position: absolute; animation-duration: 0.2s;"
    ></div> -->
  </div>
</template>
<script>
export default {
  data() {
    return {
      value: 0,
      switch1: false,
      switch2: false,
      option: [
        { text: "全部商品", value: 0 },
        { text: "新款商品", value: 1 },
        { text: "活动商品", value: 2 }
      ],
      showMask: false
    };
  },
  methods: {
    onConfirm() {},
    isShow() {
      this.showMask = !this.showMask;
    }
  }
};
</script>
<style lang="less" scoped>
.demo {
  height: 50px;
  line-height: 50px;
  flex: 1;
}
.smallMenu {
  width: 50px !important;
}
.show {
  display: block;
}
.none {
  display: none;
}
</style>