{"remainingRequest":"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=style&index=0&id=e8ddba3c&scoped=true&lang=css&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\views\\theme\\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\\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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCi5maWVsZC1sYWJlbHsKICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlOwp9Ci5ib3gtY2FyZCB7CiAgd2lkdGg6IDQwMHB4OwogIG1heC13aWR0aDogMTAwJTsKICBtYXJnaW46IDIwcHggYXV0bzsKfQoKLmJsb2NrIHsKICBwYWRkaW5nOiAzMHB4IDI0cHg7Cn0KCi50YWctaXRlbSB7CiAgbWFyZ2luLXJpZ2h0OiAxNXB4Owp9Cg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/theme","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"]}]}