{"remainingRequest":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\源码\\vue-element-admin-master\\src\\layout\\components\\Settings\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\layout\\components\\Settings\\index.vue","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBUaGVtZVBpY2tlciBmcm9tICdAL2NvbXBvbmVudHMvVGhlbWVQaWNrZXInCgpleHBvcnQgZGVmYXVsdCB7CiAgY29tcG9uZW50czogeyBUaGVtZVBpY2tlciB9LAogIGRhdGEoKSB7CiAgICByZXR1cm4ge30KICB9LAogIGNvbXB1dGVkOiB7CiAgICBmaXhlZEhlYWRlcjogewogICAgICBnZXQoKSB7CiAgICAgICAgcmV0dXJuIHRoaXMuJHN0b3JlLnN0YXRlLnNldHRpbmdzLmZpeGVkSGVhZGVyCiAgICAgIH0sCiAgICAgIHNldCh2YWwpIHsKICAgICAgICB0aGlzLiRzdG9yZS5kaXNwYXRjaCgnc2V0dGluZ3MvY2hhbmdlU2V0dGluZycsIHsKICAgICAgICAgIGtleTogJ2ZpeGVkSGVhZGVyJywKICAgICAgICAgIHZhbHVlOiB2YWwKICAgICAgICB9KQogICAgICB9CiAgICB9LAogICAgdGFnc1ZpZXc6IHsKICAgICAgZ2V0KCkgewogICAgICAgIHJldHVybiB0aGlzLiRzdG9yZS5zdGF0ZS5zZXR0aW5ncy50YWdzVmlldwogICAgICB9LAogICAgICBzZXQodmFsKSB7CiAgICAgICAgdGhpcy4kc3RvcmUuZGlzcGF0Y2goJ3NldHRpbmdzL2NoYW5nZVNldHRpbmcnLCB7CiAgICAgICAgICBrZXk6ICd0YWdzVmlldycsCiAgICAgICAgICB2YWx1ZTogdmFsCiAgICAgICAgfSkKICAgICAgfQogICAgfSwKICAgIHNpZGViYXJMb2dvOiB7CiAgICAgIGdldCgpIHsKICAgICAgICByZXR1cm4gdGhpcy4kc3RvcmUuc3RhdGUuc2V0dGluZ3Muc2lkZWJhckxvZ28KICAgICAgfSwKICAgICAgc2V0KHZhbCkgewogICAgICAgIHRoaXMuJHN0b3JlLmRpc3BhdGNoKCdzZXR0aW5ncy9jaGFuZ2VTZXR0aW5nJywgewogICAgICAgICAga2V5OiAnc2lkZWJhckxvZ28nLAogICAgICAgICAgdmFsdWU6IHZhbAogICAgICAgIH0pCiAgICAgIH0KICAgIH0KICB9LAogIG1ldGhvZHM6IHsKICAgIHRoZW1lQ2hhbmdlKHZhbCkgewogICAgICB0aGlzLiRzdG9yZS5kaXNwYXRjaCgnc2V0dGluZ3MvY2hhbmdlU2V0dGluZycsIHsKICAgICAgICBrZXk6ICd0aGVtZScsCiAgICAgICAgdmFsdWU6IHZhbAogICAgICB9KQogICAgfQogIH0KfQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/layout/components/Settings","sourcesContent":["<template>\n <div class=\"drawer-container\">\n <div>\n <h3 class=\"drawer-title\">Page style setting</h3>\n\n <div class=\"drawer-item\">\n <span>Theme Color</span>\n <theme-picker style=\"float: right;height: 26px;margin: -3px 8px 0 0;\" @change=\"themeChange\" />\n </div>\n\n <div class=\"drawer-item\">\n <span>Open Tags-View</span>\n <el-switch v-model=\"tagsView\" class=\"drawer-switch\" />\n </div>\n\n <div class=\"drawer-item\">\n <span>Fixed Header</span>\n <el-switch v-model=\"fixedHeader\" class=\"drawer-switch\" />\n </div>\n\n <div class=\"drawer-item\">\n <span>Sidebar Logo</span>\n <el-switch v-model=\"sidebarLogo\" class=\"drawer-switch\" />\n </div>\n\n </div>\n </div>\n</template>\n\n<script>\nimport ThemePicker from '@/components/ThemePicker'\n\nexport default {\n components: { ThemePicker },\n data() {\n return {}\n },\n computed: {\n fixedHeader: {\n get() {\n return this.$store.state.settings.fixedHeader\n },\n set(val) {\n this.$store.dispatch('settings/changeSetting', {\n key: 'fixedHeader',\n value: val\n })\n }\n },\n tagsView: {\n get() {\n return this.$store.state.settings.tagsView\n },\n set(val) {\n this.$store.dispatch('settings/changeSetting', {\n key: 'tagsView',\n value: val\n })\n }\n },\n sidebarLogo: {\n get() {\n return this.$store.state.settings.sidebarLogo\n },\n set(val) {\n this.$store.dispatch('settings/changeSetting', {\n key: 'sidebarLogo',\n value: val\n })\n }\n }\n },\n methods: {\n themeChange(val) {\n this.$store.dispatch('settings/changeSetting', {\n key: 'theme',\n value: val\n })\n }\n }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.drawer-container {\n padding: 24px;\n font-size: 14px;\n line-height: 1.5;\n word-wrap: break-word;\n\n .drawer-title {\n margin-bottom: 12px;\n color: rgba(0, 0, 0, .85);\n font-size: 14px;\n line-height: 22px;\n }\n\n .drawer-item {\n color: rgba(0, 0, 0, .65);\n font-size: 14px;\n padding: 12px 0;\n }\n\n .drawer-switch {\n float: right\n }\n}\n</style>\n"]}]}
|