修改 banner dot 背景UI review by hongmo

@@ -23,14 +23,13 @@ export default class BrandSwiper extends React.Component {
 
         this.dot = <View
             style={{
-                backgroundColor:'rgba(0,0,0,.2)',
+                backgroundColor:'rgba(255,255,255,.5)',
                 width: 6,
                 height: 6,
                 borderRadius: 3,
                 marginLeft: 3,
                 marginRight: 3,
-                marginTop: (Platform.OS === 'ios')?3:1,
-                marginBottom: 0,
+                marginTop: (Platform.OS === 'ios')?0:1,
             }}
         />;
         this.activeDot = <View
@@ -41,8 +40,7 @@ export default class BrandSwiper extends React.Component {
                 borderRadius: 3,
                 marginLeft: 3,
                 marginRight: 3,
-                marginTop: 3,
-                marginBottom: 0,
+                marginTop: 0,
             }}
         />;
     }
@@ -92,11 +90,11 @@ export default class BrandSwiper extends React.Component {
                         loop={true}
                         autoplay={true}
                         autoplayTimeout={3}
-                        paginationStyle={{bottom: 8}}
                         dot={this.dot}
                         activeDot={(Platform.OS === 'ios')?this.activeDot:null}
                         width={width}
                         height={height-15}
+                        paginationStyle={{backgroundColor: 'rgba(0,0,0,0.2)',bottom: 10,height: 10,width: list.length * 12,borderRadius: 5,marginLeft: (width-list.length * 12)/2}}
                     >
                         {list.map((item, i) => {
                             return (
@@ -131,5 +129,4 @@ let styles = StyleSheet.create({
     banner: {
 
     },
-
 });

@@ -38,7 +38,7 @@ export default class IndexListView extends React.Component {
     }
 
     render() {
-        
+
         let {dataSource} = this.props;
         if (dataSource.length == 0) {
             return null;
@@ -81,10 +81,11 @@ let styles = StyleSheet.create({
 	text: {
 		justifyContent: 'center',
 		textAlign: 'center',
-		fontSize: 10,
+		fontSize: 11,
 		color: 'black',
 		backgroundColor: 'transparent',
         marginTop: 2,
+        fontWeight: 'bold',
 	},
     image: {
         width: 8,