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

Chore: update index page theme intro english css style (#16254)

pull/16290/head
iamkun 2019-06-27 12:31:28 +08:00 committed by Zhi Cun
parent 20594da523
commit 5acf0101a8
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
examples/pages/template/index.tpl
View File

@ -228,7 +228,7 @@
color: #FFF; color: #FFF;
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
font-size: 24px; font-size: 20px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -423,6 +423,9 @@
this.showIntroB = false; this.showIntroB = false;
}, },
hideIntroA() { hideIntroA() {
const themeTab = document.querySelector('.nav-item-theme');
this.introBX = themeTab.offsetLeft + (themeTab.clientWidth * 0.5) - (300 / 2);
this.introBY = themeTab.offsetTop + 40;
this.showIntroA = false; this.showIntroA = false;
this.showIntroB = true; this.showIntroB = true;
} }
@ -443,9 +446,6 @@
mounted() { mounted() {
window.addEventListener('scroll', this.throttledHandleScroll); window.addEventListener('scroll', this.throttledHandleScroll);
if (localStorage.getItem('KNOW_THEME')) return; if (localStorage.getItem('KNOW_THEME')) return;
const themeTab = document.querySelector('.nav-item-theme');
this.introBX = themeTab.offsetLeft + (themeTab.clientWidth * 0.5) - (300 / 2);
this.introBY = themeTab.offsetTop + 40;
this.showIntroA = true; this.showIntroA = true;
addClass(document.body, 'el-loading-parent--hidden'); addClass(document.body, 'el-loading-parent--hidden');
} }