Appearance

目录

页面全局配置 ​

页面全局配置 ​

页面级别的全局配置，给与我们通用的修改页面默认行为的能力。

现在支持的全局配置为

属性名类型默认值说明
canScrollBooleantrue默认是否可以滚动
pageStyleStyleObject{}全局页面样式(Hummer 风格)

INFO

  • canScroll 默认是 true，会自动添加一个 Scroller 组件。

  • pageStyle 是全局页面的默认样式。

Tenon Vue 示例 ​

Tenon Vue 中页面事件需要注册在主 App.vue的文件中 app.vue

html
<template>
  <view class="page">
    <view class="demo-header">
      <text class="demo-title">页面配置</text>
    </view>
  </view>
</template>
<script>
export default {
  pageConfig: {
    canScroll: false,
    pageStyle: {
      backgroundColor: "#f0f0f0"
    }
  }
};
</script>

更多用法，可参考Tenon Vue 官方示例。

Tenon React 示例 ​

Tenon React 中页面配置通过 Render 函数的配置进行传递。

jsx
import React from 'react';

import Tenon from '@hummer/tenon-react';

function App() {
  return (
    <text>全局配置</text>
  );
}

Tenon.render(<App/>,  {
  canScroll: false,
  pageStyle: {
    backgroundColor: "#f0f0f0"
  }
})

更多用法，可参考Tenon React 官方示例。