weex-nuke
Version:
基于 Rax 、Weex 的高性能组件体系 ~~
78 lines (66 loc) • 1.6 kB
Markdown
# 内部bundle1
- order: 0
- hide:true
-----------
````js
/** @jsx createElement */
import {createElement, Component,render} from 'rax';
import View from 'nuke-view';
import Text from 'nuke-text';
let App = class NukeDemoIndex extends Component {
constructor() {
super();
}
sliderChange(e){
}
render() {
return (
<View style={styles.tabContent}>
<Slider width="750rem" height="600rem" autoplay="false" showsPagination="true" loop="true" index={2} autoplayTimeout="3000" paginationStyle={styles.paginationStyle}>
<View style={styles.step1}><Text>step1</Text></View>
<View style={styles.step2}><Text>step2</Text></View>
<View style={styles.step3}><Text>step3</Text></View>
</Slider>
</View>
);
}
}
let styles = {
tabContent: {
flex: 1,
backgroundColor:'#FFF1E8',
alignItems: 'center',
justifyContent:'center'
},
text: {
color: '#ff6600',
},
step1:{
width: '750rem',
height: '400rem',
backgroundColor: '#e43737',
color: '#ffffff'
},
step2:{
width: '750rem',
height: '400rem',
backgroundColor: '#31363f',
color: '#ffffff',
},
step3:{
width: '750rem',
height: '400rem',
backgroundColor: '#528bff',
color: '#ffffff'
},
paginationStyle:{
position: 'absolute',
width: '690rem',
height: '100rem',
top: '240rem',
left: '20rem',
color: 'rgba(255, 255, 255 ,0.5)'
}
};
render(<App/>);
````