{"remainingRequest":"D:\\源码\\vue-element-admin-master\\node_modules\\babel-loader\\lib\\index.js!D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\源码\\vue-element-admin-master\\src\\views\\theme\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\views\\theme\\index.vue","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\babel.config.js","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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHsgdG9nZ2xlQ2xhc3MgfSBmcm9tICdAL3V0aWxzJzsKaW1wb3J0ICdAL2Fzc2V0cy9jdXN0b20tdGhlbWUvaW5kZXguY3NzJzsgLy8gdGhlIHRoZW1lIGNoYW5nZWQgdmVyc2lvbiBlbGVtZW50LXVpIGNzcwoKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICdUaGVtZScsCiAgZGF0YTogZnVuY3Rpb24gZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIHRoZW1lOiBmYWxzZSwKICAgICAgdGFnczogW3sKICAgICAgICBuYW1lOiAnVGFnIE9uZScsCiAgICAgICAgdHlwZTogJycKICAgICAgfSwgewogICAgICAgIG5hbWU6ICdUYWcgVHdvJywKICAgICAgICB0eXBlOiAnaW5mbycKICAgICAgfSwgewogICAgICAgIG5hbWU6ICdUYWcgVGhyZWUnLAogICAgICAgIHR5cGU6ICdzdWNjZXNzJwogICAgICB9LCB7CiAgICAgICAgbmFtZTogJ1RhZyBGb3VyJywKICAgICAgICB0eXBlOiAnd2FybmluZycKICAgICAgfSwgewogICAgICAgIG5hbWU6ICdUYWcgRml2ZScsCiAgICAgICAgdHlwZTogJ2RhbmdlcicKICAgICAgfV0sCiAgICAgIHNsaWRlVmFsdWU6IDUwLAogICAgICByYWRpbzogMwogICAgfTsKICB9LAogIHdhdGNoOiB7CiAgICB0aGVtZTogZnVuY3Rpb24gdGhlbWUoKSB7CiAgICAgIHRvZ2dsZUNsYXNzKGRvY3VtZW50LmJvZHksICdjdXN0b20tdGhlbWUnKTsKICAgIH0KICB9Cn07"},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2EA;AACA,yC,CAAA;;AAEA;EACAA,aADA;EAEAC,IAFA,kBAEA;IACA;MACAC,YADA;MAEAC,OACA;QAAAH;QAAAI;MAAA,CADA,EAEA;QAAAJ;QAAAI;MAAA,CAFA,EAGA;QAAAJ;QAAAI;MAAA,CAHA,EAIA;QAAAJ;QAAAI;MAAA,CAJA,EAKA;QAAAJ;QAAAI;MAAA,CALA,CAFA;MASAC,cATA;MAUAC;IAVA;EAYA,CAfA;EAgBAC;IACAL,KADA,mBACA;MACAM;IACA;EAHA;AAhBA","names":["name","data","theme","tags","type","slideValue","radio","watch","toggleClass"],"sourceRoot":"src/views/theme","sources":["index.vue"],"sourcesContent":["<template>\n  <div class=\"app-container\">\n    <el-card class=\"box-card\">\n      <div slot=\"header\">\n        <a class=\"link-type link-title\" target=\"_blank\" href=\"https://panjiachen.github.io/vue-element-admin-site/guide/advanced/theme.html\">\n          Theme documentation\n        </a>\n      </div>\n      <div class=\"box-item\">\n        <span class=\"field-label\">Change Theme : </span>\n        <el-switch v-model=\"theme\" />\n        <aside style=\"margin-top:15px;\">\n          Tips: It is different from the theme-pick on the navbar is two different skinning methods, each with different application scenarios. Refer to the documentation for details.\n        </aside>\n      </div>\n    </el-card>\n\n    <div class=\"block\">\n      <el-button type=\"primary\">\n        Primary\n      </el-button>\n      <el-button type=\"success\">\n        Success\n      </el-button>\n      <el-button type=\"info\">\n        Info\n      </el-button>\n      <el-button type=\"warning\">\n        Warning\n      </el-button>\n      <el-button type=\"danger\">\n        Danger\n      </el-button>\n    </div>\n\n    <div class=\"block\">\n      <el-button type=\"primary\" icon=\"el-icon-edit\" />\n      <el-button type=\"primary\" icon=\"el-icon-share\" />\n      <el-button type=\"primary\" icon=\"el-icon-delete\" />\n      <el-button type=\"primary\" icon=\"el-icon-search\">\n        Search\n      </el-button>\n      <el-button type=\"primary\">\n        Upload\n        <i class=\"el-icon-upload el-icon-right\" />\n      </el-button>\n    </div>\n\n    <div class=\"block\">\n      <el-tag v-for=\"tag in tags\" :key=\"tag.type\" :type=\"tag.type\" class=\"tag-item\">\n        {{ tag.name }}\n      </el-tag>\n    </div>\n\n    <div class=\"block\">\n      <el-radio-group v-model=\"radio\">\n        <el-radio :label=\"3\">\n          Option A\n        </el-radio>\n        <el-radio :label=\"6\">\n          Option B\n        </el-radio>\n        <el-radio :label=\"9\">\n          Option C\n        </el-radio>\n      </el-radio-group>\n    </div>\n\n    <div class=\"block\">\n      <el-slider v-model=\"slideValue\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { toggleClass } from '@/utils'\nimport '@/assets/custom-theme/index.css' // the theme changed version element-ui css\n\nexport default {\n  name: 'Theme',\n  data() {\n    return {\n      theme: false,\n      tags: [\n        { name: 'Tag One', type: '' },\n        { name: 'Tag Two', type: 'info' },\n        { name: 'Tag Three', type: 'success' },\n        { name: 'Tag Four', type: 'warning' },\n        { name: 'Tag Five', type: 'danger' }\n      ],\n      slideValue: 50,\n      radio: 3\n    }\n  },\n  watch: {\n    theme() {\n      toggleClass(document.body, 'custom-theme')\n    }\n  }\n}\n</script>\n\n<style scoped>\n.field-label{\n  vertical-align: middle;\n}\n.box-card {\n  width: 400px;\n  max-width: 100%;\n  margin: 20px auto;\n}\n\n.block {\n  padding: 30px 24px;\n}\n\n.tag-item {\n  margin-right: 15px;\n}\n</style>\n"]}]}