{"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"]}]}
|
