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

chore: remove index intro (#19155)

pull/19170/head
iamkun 2020-04-10 17:40:35 +08:00 committed by GitHub
parent 7259a83852
commit 3235daa363
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 1 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -366,40 +366,10 @@
</li>
</ul>
</div>
<div class="theme-intro-a" v-if="showIntroA" @click="hideIntroA">
<div class="intro-banner">
<img src="~examples/assets/images/theme-intro.png" alt="">
<div class="intro-text">
<p><%= 12 ></p>
</div>
</div>
<div class="mask"></div>
</div>
<div
class="theme-intro-b"
@click="hideIntroB"
v-if="showIntroB"
>
<div class="intro-banner"
:style="{
left: introBX + 'px',
top: introBY + 'px'
}"
>
<img src="~examples/assets/images/intro-theme-b.png" alt="">
<div class="title">
<div>
<p><%= 13 ></p>
<p><%= 14 ></p>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import throttle from 'throttle-debounce/throttle';
import { addClass, removeClass } from 'element-ui/src/utils/dom';
export default {
created() {
@ -416,28 +386,12 @@
if (calHeight < 0) calHeight = 0;
if (calHeight > eleHeight) calHeight = eleHeight;
this.mainImgOffset = calHeight;
},
hideIntroB() {
removeClass(document.body, 'el-loading-parent--hidden');
localStorage.setItem('KNOW_THEME', 'true');
this.showIntroB = false;
},
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.showIntroB = true;
}
},
data() {
return {
lang: this.$route.meta.lang,
mainImgOffset: 0,
showIntroA: false,
showIntroB: false,
introBY: 0,
introBX: 0
mainImgOffset: 0
};
},
beforeDestroy() {
@ -445,9 +399,6 @@
},
mounted() {
window.addEventListener('scroll', this.throttledHandleScroll);
if (localStorage.getItem('KNOW_THEME')) return;
this.showIntroA = true;
addClass(document.body, 'el-loading-parent--hidden');
}
};
</script>