text: (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d21064d"],{b867:function(e,t,s){"use strict";s.r(t);var a=function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("section",{staticClass:"content example-md-doc"},[s("h2",[e._v("主题定制")]),s("anchor",{attrs:{"is-edit":"",label:"内置主题",fileName:"theme.md"}}),s("p",[e._v("默认提供了两套主题，蓝色主题和暗黑主题")]),s("h4",[e._v("使用蓝色主题")]),s("p",[e._v("引入蓝色主题样式")]),e._m(0),s("p",[e._v("示例：")]),s("h4",[e._v("使用暗黑主题")]),e._m(1),s("p",[e._v("示例：")]),s("anchor",{attrs:{"is-edit":"",label:"主题定制",fileName:"theme.md"}}),s("p",[e._v("vue-easytable 的样式使用了 Less 作为开发语言，并定义了一系列全局/组件的样式变量，你可以根据需求进行相应调整。")]),s("h4",[e._v("选择蓝色主题定制")]),e._m(2),s("p",[e._v("建创建一个单独的 less 变量文件，例如 vue-easytable-variables.less，引入这个文件覆盖 var.less 里的变量。")]),e._m(3),s("p",[e._v("之后，在项目的入口文件中，直接引入以上样式文件即可（无需引入 vue-easytable 编译好的 CSS 文件）：")]),e._m(4),s("h4",[e._v("选择暗黑主题定制")]),e._m(5),s("p",[e._v("建创建一个单独的 less 变量文件，例如 vue-easytable-variables.less，引入这个文件覆盖 var.less 里的变量。")]),e._m(6),s("p",[e._v("之后，在项目的入口文件中，直接引入以上样式文件即可（无需引入 vue-easytable 编译好的 CSS 文件）：")]),e._m(7)],1)},r=[function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("pre",[s("code",[e._v('import "vue-easytable/libs/theme-default/index.css";\n')])])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("pre",[s("code",[e._v('import "vue-easytable/libs/theme-dark/index.css";\n')])])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("p",[e._v("如果你需要的主题和蓝色主题接近，你可以选择按照蓝色主题定制。所有蓝色主题样式变量可以在 "),s("strong",[s("a",{attrs:{href:"https://github.com/huangshuwei/vue-easytable/blob/master/packages/theme-default/var.less"}},[e._v("这里找到")])]),e._v("。")])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("pre",[s("code",[e._v("@import '~vue-easytable/packages/theme-default/index.less'; // 引入官方提供的 less 样式入口文件\n@import 'your-theme-file.less'; // 用于覆盖上面定义的变量\n")])])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("pre",[s("code",[e._v("import Vue from 'vue'\nimport VueEasytable from 'vue-easytable'\nimport './vue-easytable-variables.less'\n\nVue.use(VueEasytable)\n")])])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("p",[e._v("如果你需要的主题和暗黑主题接近，你可以选择按照暗黑主题定制。所有暗黑主题样式变量可以在 "),s("strong",[s("a",{attrs:{href:"https://github.com/huangshuwei/vue-easytable/blob/master/packages/theme-dark/var.less"}},[e._v("这里找到")])]),e._v("。")])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("pre",[s("code",[e._v("@import '~vue-easytable/packages/theme-dark/index.less'; // 引入官方提供的 less 样式入口文件\n@import 'your-theme-file.less'; // 用于覆盖上面定义的变量\n")])])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("pre",[s("code",[e._v("import Vue from 'vue'\nimport VueEasytable from 'vue-easytable'\nimport './vue-easytable-variables.less'\n\nVue.use(VueEasytable)\n")])])}],l=s("2877"),n={},u=Object(l["a"])(n,a,r,!1,null,null,null);t["default"]=u.exports}}]);
  //# sourceMappingURL=chunk-2d21064d.faf06669.js.map