page

含titleBar基础页面容器。

内置了weex端titleBar以及多端修改页面标题方法。

示例

基础使用

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

自定义titlebar

<template>
  <page title="页面标题" c-bind:back="goback">
    <view slot="titlebar" class="titlebar">
      <text class="titlebar-text">自定义标题</text>
    </view>
    <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>