# page

含 titleBar 基础页面容器

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

# 属性

属性名	类型	必填	默认值	说明
title	String	是		titleBar所显示标题内容
c-bind:back	EventHandle	否		点击返回时触发

# slot

插槽名	作用
——	页面内容
titlebar	自定义titlebar，自定义时需保证高度为88cpx，仅weex端可用
menu	自定义菜单，仅weex端可用

# 示例

<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 & Tips

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

← richtext block →