weex-nuke/docs/web/demo/basic.md

基于 Rax 、Weex 的高性能组件体系 ~~

# web style/src 使用

- order: 0
- title_en: web style/src usage

style/src 使用

---
```js
/** @jsx createElement */
import { Web, Page } from 'weex-nuke';

<NukePlayGround>
  <Web style={{width:'700rem',height:'500rem',padding:'25rem'}} src="https://m.taobao.com"></Web>
</NukePlayGround>
```
---

````js
import {createElement, Component,render} from 'rax';
let App = class NukeDemoIndex extends Component {
    constructor() {
        super();
    }

    render() {
        return (
            <Page title="Web">
                <Page.Intro main="使用 web 组件载入 m.taobao.com"></Page.Intro>
                <Web style={{width:'700rem',height:'500rem',padding:'25rem'}} src="https://m.taobao.com"></Web>

            </Page>
        );
    }
}

render(<App/>);
````