{"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=style&index=0&id=126b135a&lang=scss&scoped=true&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\layout\\components\\Settings\\index.vue","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLmRyYXdlci1jb250YWluZXIgewogIHBhZGRpbmc6IDI0cHg7CiAgZm9udC1zaXplOiAxNHB4OwogIGxpbmUtaGVpZ2h0OiAxLjU7CiAgd29yZC13cmFwOiBicmVhay13b3JkOwoKICAuZHJhd2VyLXRpdGxlIHsKICAgIG1hcmdpbi1ib3R0b206IDEycHg7CiAgICBjb2xvcjogcmdiYSgwLCAwLCAwLCAuODUpOwogICAgZm9udC1zaXplOiAxNHB4OwogICAgbGluZS1oZWlnaHQ6IDIycHg7CiAgfQoKICAuZHJhd2VyLWl0ZW0gewogICAgY29sb3I6IHJnYmEoMCwgMCwgMCwgLjY1KTsKICAgIGZvbnQtc2l6ZTogMTRweDsKICAgIHBhZGRpbmc6IDEycHggMDsKICB9CgogIC5kcmF3ZXItc3dpdGNoIHsKICAgIGZsb2F0OiByaWdodAogIH0KfQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoFA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;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"]}]}
|
