page

含titleBar基础页面容器

内置了weex端titleBar以及多端修改页面标题方法，titleBar为固定高度88cpx。

属性

slot

示例

<template>
  <page title="页面标题" c-bind:back="goback">
    <text class="main">这是页面内容</text>
  </page>
</template>
<script>

import cml from 'chameleon-api'

class Page  {
  methods = {
    goback() {
      cml.showToast({
        message: 'goback'
      })
    }
  }
}
export default new Page();

</script>
<style scoped>
.main {
  color: red;
}
</style>

<script cml-type="json">
{
  "base": {}
}
</script>

Bug & Tip

1. <page>组件为页面级基础容器组件，只能在页面组件中使用，在普通组件中使用不能保证正确显示，使用时需位于页面组件根结点位置。
2. <page>组件在weex端titlebar高度为88cpx，在使用定位时注意兼容。
3. <page>组件内置weex端titlebar仅能满足常规使用，若需要复杂的titlebar则可通过titlebar插槽实现。
4. 由于android和ios页面渲染差异，android端是从状态栏以下开始渲染，而ios是从状态栏开始渲染页面，所以在ios端需要考虑状态栏高度

查看更多示例