{"remainingRequest":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/kang/Gitea/vue-element-admin-i18n/src/views/theme/index.vue?vue&type=style&index=0&id=e8ddba3c&scoped=true&lang=css","dependencies":[{"path":"/Users/kang/Gitea/vue-element-admin-i18n/src/views/theme/index.vue","mtime":1599486365000},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/css-loader/dist/cjs.js","mtime":1754408228038},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":1754408228340},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/postcss-loader/src/index.js","mtime":1754408228130},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/cache-loader/dist/cjs.js","mtime":1754408227855},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/vue-loader/lib/index.js","mtime":1754408228175}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgouZmllbGQtbGFiZWx7CiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTsKfQouYm94LWNhcmQgewogIHdpZHRoOiA0MDBweDsKICBtYXgtd2lkdGg6IDEwMCU7CiAgbWFyZ2luOiAyMHB4IGF1dG87Cn0KCi5ibG9jayB7CiAgcGFkZGluZzogMzBweCAyNHB4Owp9CgoudGFnLWl0ZW0gewogIG1hcmdpbi1yaWdodDogMTVweDsKfQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqGA;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          {{ $t('theme.documentation') }}\n        </a>\n      </div>\n      <div class=\"box-item\">\n        <span class=\"field-label\">{{ $t('theme.change') }} : </span>\n        <el-switch v-model=\"theme\" />\n        <aside style=\"margin-top:15px;\">{{ $t('theme.tips') }}</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"]}]}