github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

fix docs theme switch bug

pull/7358/head
Leopoldthecoder 2017-10-04 21:46:03 +08:00 committed by 杨奕
parent 88811bd14e
commit f073a087ce
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
examples/components/theme-picker.vue
View File

@ -58,7 +58,8 @@
const docsHandler = getHandler(this.docs, 'docs-style');
if (!this.chalk) {
this.getCSSString(`https://unpkg.com/element-ui@${ version }/lib/theme-chalk/index.css`, chalkHandler);
const url = `https://unpkg.com/element-ui@${ version }/lib/theme-chalk/index.css`;
this.getCSSString(url, chalkHandler, 'chalk');
} else {
chalkHandler();
}
@ -67,7 +68,7 @@
const links = [].filter.call(document.querySelectorAll('link'), link => {
return /docs\..+\.css/.test(link.href || '');
});
links[0] && this.getCSSString(links[0].href, docsHandler);
links[0] && this.getCSSString(links[0].href, docsHandler, 'docs');
} else {
docsHandler();
}
@ -94,11 +95,11 @@
return newStyle;
},
getCSSString(url, callback) {
getCSSString(url, callback, variable) {
const xhr = new XMLHttpRequest();
xhr.onreadystatechange = () => {
if (xhr.readyState === 4 && xhr.status === 200) {
this.chalk = xhr.responseText.replace(/@font-face{[^}]+}/, '');
this[variable] = xhr.responseText.replace(/@font-face{[^}]+}/, '');
callback();
}
};