<template>
  <div>
    <Drawer width="300px" title="页面配置"  v-model="drawer">
      <!-- 内容 -->
      <h3>
        内容设置
      </h3>
      
    </Drawer>
  </div>
</template>

<script>
import { mapState } from 'vuex'
export default {
  name: "configDrawer",
  data() {
    return {
      drawer: false,

    };
  },
  computed: {
    ...mapState({
      setting: state => {
        return state.setting.setting
      }
    })
  },
  watch: {
    setting: {
      handler(val) {
        this.setStore('admin-setting', val)
        this.$store.commit('updateSetting', val);
      },
      deep: true
    }
  },
  mounted() {
  },
  methods: {
    open() {
      this.drawer = true
    },
    close() {
      this.drawer = false
    },
    toggle() {
      this.drawer != this.drawer
    },
  }
}
</script>

<style lang="scss" scoped>
* {
  color: #333 !important;
}

h3 {
  margin: 10px 0 20px 0;
}

.config-item {
  cursor: pointer;
  margin-bottom: 20px;
  justify-content: space-between;
}
</style>
