简介

<div> 是通用容器。

  • 不要在 <div> 中直接添加文本,而要使用 <text> 组件。
  • 在 Weex 中,<div> 不可滚动。
  • 要控制 <div> 的层级,建议不要超过14层,否则会很影响页面性能。

子组件

<div> 支持各种类型的子元素,包括 <div> 自己。

样式

  • 通用样式 支持所有通用样式。

事件

  • 通用事件 支持所有通用事件。

Rax 示例

rax-view 是 <div> 组件的上层封装,抹平了 Web 和 Weex 的展现 1. import { createElement, render } from 'rax'; 2. import Driver from "driver-universal"; 3. import View from "rax-view"; 4. 5. function App() { 6. return <View 7. style={{ 8. width: '200rpx', 9. height: '200rpx', 10. backgroundColor: '#222831', 11. }} 12. />; 13. } 14. 15. render(, document.body, { driver: Driver });

rax-view 文档