# 内部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/>);
````