完善页面修改问题

pages/components/Header.js

@@ -65,40 +65,57 @@ const styles = StyleSheet.create({
 export default class Header extends Component<Props> {
   render() {
     return (
-      <TouchableOpacity activeOpacity={1} onPress={this.props.onPress}>
-        <View
-          style={styles.wrapper}
-        >
+      <View
+        style={styles.wrapper}
+      >
+        <TouchableOpacity activeOpacity={1} onPress={this.props.onPress}>
           <Image
             source={this.props.uri ? {
               uri: this.props.uri
             } : require('../images/userInfo/default_photo.png')}
             style={styles.avatar}
           />
-          <View
-            style={styles.leftBox}
-          >
-            <View style={styles.leftBottomRow}>
-              <Text
-                style={styles.userName}
-              >
-                {this.props.username}
-              </Text>
+        </TouchableOpacity>
+        <View
+          style={styles.leftBox}
+        >
+          <View style={styles.leftBottomRow}>
+            <Text
+              style={styles.userName}
+            >
+              {this.props.isVisitor ? '新用户登录送7天VIP' : this.props.username}
+            </Text>
+            { 
+              this.props.isVisitor ?
+              null
+              :
               <Image
-                source={require("../images/common/vip.png")}
+                source={this.props.isVip ? require("../images/common/vip.png") : require("../images/common/novip.png")}
                 style={styles.flowerIcon}
               />
-            </View>
+            }
+          </View>
+          <TouchableOpacity activeOpacity={1} onPress={ () => this.click()}>
             <Text
               style={styles.flowerNumber}
             >
-              {this.props.isVip ? '' : '开通VIP'}
+              {this.props.isVisitor ? '立即登录' : this.props.isVip ? '' : '开通VIP'}
             </Text>
-          </View>
+          </TouchableOpacity>
         </View>
-      </TouchableOpacity>
+      </View>
     );
   }
+  click() {
+    // alert(this.props.isVisitor)
+    // this.props.nav('Loading')
+    if (this.props.isVisitor) {
+      this.props.nav('Login')
+    } else if (!this.props.isVip) {
+      this.props.nav('Buy')
+    }
+    
+  }
 }
 /**
 

pages/components/MainPage.js

@@ -98,7 +98,8 @@ export default class MainPage extends BasePage {
 		username: '游客',
 		avatar: '',
 		isVip: false,
-		showLoading: true
+		showLoading: true,
+		isVisitor: true
 	};
 
 	renderBtn = (item, index) => {
@@ -205,8 +206,10 @@ export default class MainPage extends BasePage {
 					uri={this.state.avatar}
 					width={400}
 					height={150}
+					isVisitor={this.state.isVisitor}
 					username={this.state.username}
 					isVip={this.state.isVip}
+					nav={this.props.navigation.navigate}
 					onPress={() => this.toNextPage('userCenter')}
 				/>
 				{/* 搜索区域 */}
@@ -486,8 +489,9 @@ export default class MainPage extends BasePage {
 	// 获取用户信息
 	async getUserInfo() {
 		this.setState({
-			username: global.userInfo.nickName,
-			avatar: global.userInfo.avatar
+			username: global.userInfo.nickName ? global.userInfo.nickName : global.userInfo.mobile,
+			avatar: global.userInfo.avatar,
+			isVisitor: global.userInfo.isVisitor
 		});
 		let ageindex = 0;
 		if (global.userInfo.ageGroup === 'PRESCHOOL') {

pages/components/ScrollRow.js

@@ -42,6 +42,7 @@ export default class ScrollRow extends Component {
                     // flex: 1,
                     height: this.props.itemHeight,
                     width: this.props.itemWidth,
+
                     flexDirection: 'row',
                     alignItems: 'center',
                     marginLeft: 9,
@@ -54,6 +55,7 @@ export default class ScrollRow extends Component {
                     width: this.props.itemWidth,
                     flexDirection: 'column',
                     alignItems: 'center',
+                    position: 'relative'
                     // flex: 1,
                 }}>
                     <Image
@@ -82,6 +84,20 @@ export default class ScrollRow extends Component {
                         :
                         null
                     }
+                    {
+                        item.price ?
+                        <Image
+                        // source={ require('../images/courseDetails/nobuy.png')}
+                        style={{
+                            position: 'absolute',
+                            width: 30,
+                            height: 30
+                        }}
+                        />
+                        :
+                        null
+
+                    }
 
                 </View>