gcb_zc/components/select.vue

<template>
  <div class="select">
    <div class="region">
      地区
      <img src="../static/img/open.png" alt>
    </div>
    <div class="region">
      类别
      <img src="../static/img/open.png" alt>
    </div>
    <div id="region" v-if="region">
      <ul class="left">
        <li>全国</li>
        <li>华北</li>
        <li>华北</li>
        <li>华北</li>
        <li>华北</li>
        <li>华北</li>
        <li>东北</li>
      </ul>
      <ul class="right">
        <li>全部</li>
        <li>辽宁省</li>
        <li>辽宁省</li>
        <li>辽宁省</li>
        <li>辽宁省</li>
        <li>辽宁省</li>
        <li>辽宁省</li>
        <li>辽宁省</li>
      </ul>
    </div>
    <ul id="category" v-if="category">
      <li>535656</li>
      <li>535656</li>
      <li>535656</li>
      <li>535656</li>
      <li>535656</li>
    </ul>
    <div class="bg" v-if="region||category"></div>
  </div>
</template>
<script>
import '~/assets/select.scss'
export default {
  data() {
    return {
      region: false,
      category: false
    }
  },
  created: function() {},
  methods: {
    addTodo(e) {
      this.$store.commit('todos/add', e.target.value)
      e.target.value = ''
    }
  }
}
</script>