我的页面

.history/src/components/my/index_20190418142312.js

+import React, { Component } from 'react';
+import { Flex, WhiteSpace } from 'antd-mobile';
+
+
+class My extends Component {
+
+    render() {
+        return (
+            <div>
+                我的
+            </div>
+        )
+    }
+
+}
+
+export default My;
\ No newline at end of file

.history/src/components/my/index_20190418142513.js

+import React, { Component } from 'react';
+import { Flex, WhiteSpace } from 'antd-mobile';
+
+
+class My extends Component {
+
+    render() {
+        return (
+            <div className="flex-container">
+                <Flex>
+                    <Flex.Item><PlaceHolder /></Flex.Item>
+                    <Flex.Item><PlaceHolder /></Flex.Item>
+                </Flex>
+                <WhiteSpace size="lg" />
+            </div>
+        )
+    }
+
+}
+
+export default My;
\ No newline at end of file

.history/src/components/my/index_20190418142602.js

+import React, { Component } from 'react';
+import { Flex, WhiteSpace } from 'antd-mobile';
+
+const PlaceHolder = ({ className = '', ...restProps }) => (
+    <div className={`${className} placeholder`} {...restProps}>Block</div>
+);
+
+class My extends Component {
+
+    
+    render() {
+        return (
+            <div className="flex-container">
+                <Flex>
+                    <Flex.Item><PlaceHolder /></Flex.Item>
+                    <Flex.Item><PlaceHolder /></Flex.Item>
+                </Flex>
+                <WhiteSpace size="lg" />
+            </div>
+        )
+    }
+
+}
+
+export default My;
\ No newline at end of file

.history/src/components/my/index_20190418142708.js

+import React, { Component } from 'react';
+import { Flex, WhiteSpace } from 'antd-mobile';
+
+const PlaceHolder = ({ className = '', ...restProps }) => (
+    <div className={`${className} placeholder`} {...restProps}>Block</div>
+);
+
+class My extends Component {
+
+    
+    render() {
+        return (
+            <div className="flex-container">
+                <Flex>
+                    <Flex.Item></Flex.Item>
+                    <Flex.Item><PlaceHolder /></Flex.Item>
+                </Flex>
+                <WhiteSpace size="lg" />
+            </div>
+        )
+    }
+
+}
+
+export default My;
\ No newline at end of file

.history/src/components/my/index_20190418143000.js

+import React, { Component } from 'react';
+import { Flex, WhiteSpace, NavBar } from 'antd-mobile';
+
+class My extends Component {
+
+    render() {
+        return (
+            <div className="flex-container">
+                <Flex>
+                    <Flex.Item>
+                        <NavBar
+                            mode="light"
+                            icon={<Icon type="left" />}
+                            onLeftClick={() => console.log('onLeftClick')}
+                            rightContent={[
+                            ]}
+                        >NavBar</NavBar>
+                    </Flex.Item>
+                </Flex>
+                <WhiteSpace size="lg" />
+            </div>
+        )
+    }
+
+}
+
+export default My;
\ No newline at end of file

.history/src/components/my/index_20190418143009.js

+import React, { Component } from 'react';
+import { Flex, WhiteSpace, NavBar } from 'antd-mobile';
+
+class My extends Component {
+
+    render() {
+        return (
+            <div className="flex-container">
+                <Flex>
+                    <Flex.Item>
+                        <NavBar
+                            mode="light"
+                            onLeftClick={() => console.log('onLeftClick')}
+                            rightContent={[
+                            ]}
+                        >NavBar</NavBar>
+                    </Flex.Item>
+                </Flex>
+                <WhiteSpace size="lg" />
+            </div>
+        )
+    }
+
+}
+
+export default My;
\ No newline at end of file

.history/src/components/my/index_20190418143047.js

+import React, { Component } from 'react';
+import { Flex, WhiteSpace, NavBar } from 'antd-mobile';
+
+class My extends Component {
+
+    render() {
+        return (
+            <div className="flex-container">
+                <Flex>
+                    <Flex.Item>
+                        <NavBar
+                            mode="light"
+                            onLeftClick={() => console.log('onLeftClick')}
+                            rightContent={[
+                            ]}
+                        >首页</NavBar>
+                    </Flex.Item>
+                </Flex>
+                <WhiteSpace size="lg" />
+            </div>
+        )
+    }
+
+}
+
+export default My;
\ No newline at end of file

.history/src/components/my/index_20190418143238.js

+import React, { Component } from 'react';
+import { Flex, WhiteSpace, NavBar } from 'antd-mobile';
+
+class My extends Component {
+
+    render() {
+        return (
+            <div className="flex-container">
+                <Flex>
+                    <Flex.Item>
+                        <NavBar
+                            style={{'backGround': '#f7f9fc'}}
+                            mode="light"
+                            onLeftClick={() => console.log('onLeftClick')}
+                            rightContent={[
+                            ]}
+                        >首页</NavBar>
+                    </Flex.Item>
+                </Flex>
+                <WhiteSpace size="lg" />
+            </div>
+        )
+    }
+
+}
+
+export default My;
\ No newline at end of file

src/components/my/index.js

 import React, { Component } from 'react';
+import { Flex, WhiteSpace, NavBar } from 'antd-mobile';
 
 class My extends Component {
 
     render() {
         return (
-            <div>
-                我的
+            <div className="flex-container">
+                <Flex>
+                    <Flex.Item>
+                        <NavBar
+                            style={{'backGround': '#f7f9fc'}}
+                            mode="light"
+                            onLeftClick={() => console.log('onLeftClick')}
+                            rightContent={[
+                            ]}
+                        >首页</NavBar>
+                    </Flex.Item>
+                </Flex>
+                <WhiteSpace size="lg" />
             </div>
         )
     }