{"remainingRequest":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\src\\views\\main-theme-tools.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\src\\views\\main-theme-tools.vue","mtime":1614735254000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nexport default {\n  data () {\n    return {\n      isOpen: false,\n      themeList: require('@/element-ui/config.js'),\n      themeColor: 'turquoise'\n    }\n  },\n  methods: {\n    themeColorChangeHandle (val) {\n      var styleList = [\n        {\n          id: 'J_elementTheme',\n          url: `${process.env.BASE_URL}element-theme/${val}/index.css?t=${new Date().getTime()}`\n        },\n        {\n          id: 'J_auiTheme',\n          url: `${process.env.BASE_URL}element-theme/${val}/aui.css?t=${new Date().getTime()}`\n        }\n      ]\n      for (var i = 0; i < styleList.length; i++) {\n        var el = document.querySelector(`#${styleList[i].id}`)\n        if (el) {\n          el.href = styleList[i].url\n          continue\n        }\n        el = document.createElement('link')\n        el.id = styleList[i].id\n        el.href = styleList[i].url\n        el.rel = 'stylesheet'\n        document.querySelector('head').appendChild(el)\n      }\n    }\n  }\n}\n",{"version":3,"sources":["main-theme-tools.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAyBA;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":"main-theme-tools.vue","sourceRoot":"src/views","sourcesContent":["<template>\n  <div class=\"aui-theme-tools\" :class=\"{ 'aui-theme-tools--open': isOpen }\">\n    <div class=\"aui-theme-tools__toggle\" @click=\"isOpen = !isOpen\">\n      <svg class=\"icon-svg\" aria-hidden=\"true\"><use xlink:href=\"#icon-setting\"></use></svg>\n    </div>\n    <div class=\"aui-theme-tools__content\">\n      <div class=\"aui-theme-tools__item\">\n        <h3>Navbar</h3>\n        <el-checkbox v-model=\"$store.state.navbarLayoutType\" true-label=\"colorful\">colorful 鲜艳</el-checkbox>\n      </div>\n      <div class=\"aui-theme-tools__item\">\n        <h3>Sidebar</h3>\n        <el-checkbox v-model=\"$store.state.sidebarLayoutSkin\" true-label=\"dark\">dark 黑色</el-checkbox>\n      </div>\n      <div class=\"aui-theme-tools__item\">\n        <h3>Theme</h3>\n        <el-radio-group v-model=\"themeColor\" @change=\"themeColorChangeHandle\">\n          <el-radio v-for=\"item in themeList\" :key=\"item.name\" :label=\"item.name\">{{ `${item.name} ${item.desc}` }}</el-radio>\n        </el-radio-group>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      isOpen: false,\n      themeList: require('@/element-ui/config.js'),\n      themeColor: 'turquoise'\n    }\n  },\n  methods: {\n    themeColorChangeHandle (val) {\n      var styleList = [\n        {\n          id: 'J_elementTheme',\n          url: `${process.env.BASE_URL}element-theme/${val}/index.css?t=${new Date().getTime()}`\n        },\n        {\n          id: 'J_auiTheme',\n          url: `${process.env.BASE_URL}element-theme/${val}/aui.css?t=${new Date().getTime()}`\n        }\n      ]\n      for (var i = 0; i < styleList.length; i++) {\n        var el = document.querySelector(`#${styleList[i].id}`)\n        if (el) {\n          el.href = styleList[i].url\n          continue\n        }\n        el = document.createElement('link')\n        el.id = styleList[i].id\n        el.href = styleList[i].url\n        el.rel = 'stylesheet'\n        document.querySelector('head').appendChild(el)\n      }\n    }\n  }\n}\n</script>\n"]}]}