weex-nuke
Version:
基于 Rax 、Weex 的高性能组件体系 ~~
39 lines (35 loc) • 1.1 kB
JSX
import { createElement, Component, render } from 'rax';
import View from 'nuke-view';
import Page from 'nuke-page';
const Styles = {
demo_item: {
width: 750,
height: 104,
marginTop: 30,
backgroundColor: '#ffffff',
justifyContent: 'center',
},
};
const App = class NukeDemoIndex extends Component {
constructor() {
super();
}
render() {
return (
<Page title="scroll-view">
<Page.Intro main={'Vertical Scroll'} sub={'纵向滚动'} />
<View style={Styles.demo_item} />
<Page.Intro main={'Horizontal Scroll'} sub={'横向滚动'} />
<View style={Styles.demo_item} />
<Page.Intro sub={'纵向滚动'} />
<View style={Styles.demo_item} />
<Page.Intro main={'Horizontal Scroll'} sub={'横向滚动'} />
<View style={Styles.demo_item} />
<Page.Intro main={'Vertical Scroll'} sub={'纵向滚动'} />
<Page.Intro main={'Horizontal Scroll'} sub={'横向滚动'} />
<Page.Intro main={'Horizontal Scroll'} sub={'横向滚动'} />
</Page>
);
}
};
render(<App />);