搜索长度限制等产品验收问题

@@ -63,13 +63,13 @@ let styles = StyleSheet.create({
     },
     icon: {
         marginLeft: 15,
-        width: 13, 
+        width: 13,
         height: 17,
     },
     text: {
         marginLeft: 10,
         color: '#b0b0b0',
-        fontSize: 12,        
+        fontSize: 12,
     },
     action: {
         position: 'absolute',
@@ -77,8 +77,8 @@ let styles = StyleSheet.create({
         height: 40,
     },
     delete: {
-        width: 28,
-        height: 28,
+        width: 22,
+        height: 22,
         top: 6,
     },
 });

@@ -26,7 +26,7 @@ export default class KeywordText extends React.Component {
         let {keyword, androiddata, onPressKeyword} = this.props;
         let textColor = this.state.helight ? {color: 'rgb(66, 66, 66)'} : {color: 'rgb(191, 191, 191)'};
         return (
-            <TouchableHighlight 
+            <TouchableHighlight
                 style={styles.container}
                 underlayColor={'rgb(255, 255, 255)'}
                 onPress={() => {
@@ -43,11 +43,12 @@ export default class KeywordText extends React.Component {
                     });
                 }}
             >
-                <Text style={[styles.text, textColor]}>{keyword}</Text>
+                <Text style={[styles.text, textColor]} numberOfLines={1}>{keyword}</Text>
             </TouchableHighlight>
         );
     }
 }
+let {width, height} = Dimensions.get('window');
 
 let styles = StyleSheet.create({
     container: {
@@ -60,10 +61,12 @@ let styles = StyleSheet.create({
         borderRadius: 3,
         borderWidth: 1,
         margin: 4,
+        maxWidth: width - 52,
     },
     text: {
         marginHorizontal: 10,
         marginVertical: 6,
-        fontSize: 13,  
+        fontSize: 13,
+        maxWidth: width - 64,
     },
 });

@@ -36,7 +36,7 @@ export default class SearchKeyword extends Component {
             return null;
         }
 
-        let icon = rowID == 0 ? require('../../../images/shijian.png') : require('../../../images/huo.png'); 
+        let icon = rowID == 0 ? require('../../../images/shijian.png') : require('../../../images/huo.png');
         let title = rowID == 0 ? '最近搜索' : '热门搜索';
         let onPressAction = rowID == 0 ? this.props.onPressClearHistory : null;
         return (
@@ -59,7 +59,7 @@ export default class SearchKeyword extends Component {
                 </View>
             );
         }
-        
+
         return null;
     }
 
@@ -92,15 +92,15 @@ let styles = StyleSheet.create({
         backgroundColor: 'white',
     },
     contentContainer: {
-        
+
     },
     separator: {
         height: 15,
     },
     line: {
-        marginHorizontal: 30, 
-        top: 10 , 
-        height: 1, 
+        marginLeft: 30, 
+        top: 10 ,
+        height: 1,
         backgroundColor: '#e5e5e5',
     },
 });

@@ -140,9 +140,11 @@ let styles = StyleSheet.create({
         fontSize: 14 * DEVICE_WIDTH_RATIO,
         color: 'white',
         fontWeight: 'bold',
-        borderRadius: 14 * DEVICE_WIDTH_RATIO / 2,
         paddingLeft: 8,
         paddingRight: 8,
+        paddingTop: 1,
+        paddingBottom: 1,
+        borderRadius: 16 * DEVICE_WIDTH_RATIO / 2,
         backgroundColor: '#FD9E2B',
         overflow: 'hidden',
     },

@@ -21,7 +21,7 @@ export default class LoginTip extends Component {
 
     }
 
-    
+
     render() {
         let {data, rowID} = this.props;
 
@@ -35,7 +35,7 @@ export default class LoginTip extends Component {
                     </View>
                 </View>
                 <View style={styles.rightContainer}>
-                    <TouchableOpacity 
+                    <TouchableOpacity
                         style={styles.buttonContainer}
                         onPress={() => {
                             this.props.onInterestLogin && this.props.onInterestLogin();
@@ -110,7 +110,7 @@ let styles = StyleSheet.create({
         paddingTop: (25 * DEVICE_WIDTH_RATIO - 16) / 2,
         width: 75 * DEVICE_WIDTH_RATIO,
         height: 25 * DEVICE_WIDTH_RATIO,
-        backgroundColor: '#d1020c',
+        backgroundColor: '#d0021b',
         overflow: 'hidden',
     },
     bottomView: {