Appearance
页面简介
ES页面基于Vue，并且对按键和生命周期进行了管理。
使用ESPage
ESPage集成了ES对按键和生命周期的管理。
开发者只需要集成ESPage就可以方便的处理按键和生命周期事件。
编写第一个ES页面。
点击查看源码
vue
<template>
<div class="hello-es-page">
<span class="hello-es-page-span">第一个ES页面</span>
</div>
</template>
<script>
import {ESPage} from "@extscreen/es-core";
export default {
name: 'hello_es_page',
//********************************
mixins: [ESPage],
//********************************
data() {
return {};
},
methods: {
onESCreate(params) {
},
onESRestart() {
},
onESStart() {
},
onESResume() {
},
onESPause() {
},
onESStop() {
},
onESDestroy() {
},
onESNewIntent(intent) {
},
onKeyDown(keyEvent) {
},
onKeyUp(keyEvent) {
},
onBackPressed() {
},
onESSaveInstanceState(savedInstanceState) {
},
onESRestoreInstanceState(savedInstanceState) {
},
},
};
</script>
<style scoped>
.hello-es-page {
width: 1920px;
height: 1080px;
background-color: darkgray;
}
.hello-es-page-span {
font-size: 40px;
width: 1920px;
height: 50px;
text-align: center;
margin-top: 20px;
}
</style>