Skip to content

M
mr-julyedu
Commit 81d941a0 by zhanghaozhe
Options

Merge branch 'master' into study

parents cb85739a 34487a2b
Showing with 3263 additions and 0 deletions
.history/package_20190422115743.json 0 → 100644
{
"name": "my-julyedu",
"version": "0.1.0",
"private": true,
"dependencies": {
"@babel/core": "7.2.2",
"@svgr/webpack": "4.1.0",
"antd-mobile": "^2.2.11",
"autoprefixer": "^9.5.1",
"babel-core": "7.0.0-bridge.0",
"babel-eslint": "9.0.0",
"babel-jest": "23.6.0",
"babel-loader": "8.0.5",
"babel-plugin-named-asset-import": "^0.3.1",
"babel-preset-react-app": "^7.0.2",
"bfj": "6.1.1",
"case-sensitive-paths-webpack-plugin": "2.2.0",
"css-loader": "1.0.0",
"dotenv": "6.0.0",
"dotenv-expand": "4.2.0",
"eslint": "5.12.0",
"eslint-config-react-app": "^3.0.8",
"eslint-loader": "2.1.1",
"eslint-plugin-flowtype": "2.50.1",
"eslint-plugin-import": "2.14.0",
"eslint-plugin-jsx-a11y": "6.1.2",
"eslint-plugin-react": "7.12.4",
"file-loader": "2.0.0",
"fs-extra": "7.0.1",
"html-webpack-plugin": "4.0.0-alpha.2",
"identity-obj-proxy": "3.0.0",
"jest": "23.6.0",
"jest-pnp-resolver": "1.0.2",
"jest-resolve": "23.6.0",
"jest-watch-typeahead": "^0.2.1",
"less": "^2.7.0",
"less-loader": "^4.1.0",
"mini-css-extract-plugin": "0.5.0",
"node-sass": "^4.11.0",
"optimize-css-assets-webpack-plugin": "5.0.1",
"pnp-webpack-plugin": "1.2.1",
"postcss-flexbugs-fixes": "4.1.0",
"postcss-loader": "3.0.0",
"postcss-preset-env": "6.5.0",
"postcss-safe-parser": "4.0.1",
"react": "^16.8.6",
"react-app-polyfill": "^0.2.2",
"react-dev-utils": "^8.0.0",
"react-dom": "^16.8.6",
"react-redux": "^7.0.2",
"react-router-dom": "^5.0.0",
"redux": "^4.0.1",
"resolve": "1.10.0",
"sass-loader": "^7.1.0",
"sass-resources-loader": "^2.0.0",
"style-loader": "0.23.1",
"terser-webpack-plugin": "1.2.2",
"url-loader": "1.1.2",
"webpack": "4.28.3",
"webpack-dev-server": "3.1.14",
"webpack-manifest-plugin": "2.0.4",
"workbox-webpack-plugin": "3.6.3"
},
"scripts": {
"start": "node scripts/start.js",
"build": "node scripts/build.js",
"test": "node scripts/test.js"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": [
">0.2%",
"not dead",
"not ie <= 11",
"not op_mini all"
],
"jest": {
"collectCoverageFrom": [
"src/**/*.{js,jsx,ts,tsx}",
"!src/**/*.d.ts"
],
"resolver": "jest-pnp-resolver",
"setupFiles": [
"react-app-polyfill/jsdom"
],
"testMatch": [
"<rootDir>/src/**/__tests__/**/*.{js,jsx,ts,tsx}",
"<rootDir>/src/**/?(*.)(spec|test).{js,jsx,ts,tsx}"
],
"testEnvironment": "jsdom",
"testURL": "http://localhost",
"transform": {
"^.+\\.(js|jsx|ts|tsx)$": "<rootDir>/node_modules/babel-jest",
"^.+\\.css$": "<rootDir>/config/jest/cssTransform.js",
"^(?!.*\\.(js|jsx|ts|tsx|css|json)$)": "<rootDir>/config/jest/fileTransform.js"
},
"transformIgnorePatterns": [
"[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$",
"^.+\\.module\\.(css|sass|scss)$"
],
"moduleNameMapper": {
"^react-native$": "react-native-web",
"^.+\\.module\\.(css|sass|scss)$": "identity-obj-proxy"
},
"moduleFileExtensions": [
"web.js",
"js",
"web.ts",
"ts",
"web.tsx",
"tsx",
"json",
"web.jsx",
"jsx",
"node"
],
"watchPlugins": [
"/Users/baiguangyao/project/my-julyedu/node_modules/jest-watch-typeahead/filename.js",
"/Users/baiguangyao/project/my-julyedu/node_modules/jest-watch-typeahead/testname.js"
]
},
"babel": {
"presets": [
"react-app"
],
"plugins": [
[
"import",
{
"libraryName": "antd-mobile",
"style": true
}
]
]
},
"devDependencies": {
"babel-plugin-import": "^1.11.0",
"sass-resources-loader": "^2.0.0"
},
"theme": "./src/assets/theme/config.js"
}
.history/package_20190422120626.json 0 → 100644
{
"name": "my-julyedu",
"version": "0.1.0",
"private": true,
"dependencies": {
"@babel/core": "7.2.2",
"@svgr/webpack": "4.1.0",
"antd-mobile": "^2.2.11",
"autoprefixer": "^9.5.1",
"babel-core": "7.0.0-bridge.0",
"babel-eslint": "9.0.0",
"babel-jest": "23.6.0",
"babel-loader": "8.0.5",
"babel-plugin-named-asset-import": "^0.3.1",
"babel-preset-react-app": "^7.0.2",
"bfj": "6.1.1",
"case-sensitive-paths-webpack-plugin": "2.2.0",
"css-loader": "1.0.0",
"dotenv": "6.0.0",
"dotenv-expand": "4.2.0",
"eslint": "5.12.0",
"eslint-config-react-app": "^3.0.8",
"eslint-loader": "2.1.1",
"eslint-plugin-flowtype": "2.50.1",
"eslint-plugin-import": "2.14.0",
"eslint-plugin-jsx-a11y": "6.1.2",
"eslint-plugin-react": "7.12.4",
"file-loader": "2.0.0",
"fs-extra": "7.0.1",
"html-webpack-plugin": "4.0.0-alpha.2",
"identity-obj-proxy": "3.0.0",
"jest": "23.6.0",
"jest-pnp-resolver": "1.0.2",
"jest-resolve": "23.6.0",
"jest-watch-typeahead": "^0.2.1",
"less": "^3.9.0",
"less-loader": "^4.1.0",
"mini-css-extract-plugin": "0.5.0",
"node-sass": "^4.11.0",
"optimize-css-assets-webpack-plugin": "5.0.1",
"pnp-webpack-plugin": "1.2.1",
"postcss-flexbugs-fixes": "4.1.0",
"postcss-loader": "3.0.0",
"postcss-preset-env": "6.5.0",
"postcss-safe-parser": "4.0.1",
"react": "^16.8.6",
"react-app-polyfill": "^0.2.2",
"react-dev-utils": "^8.0.0",
"react-dom": "^16.8.6",
"react-redux": "^7.0.2",
"react-router-dom": "^5.0.0",
"redux": "^4.0.1",
"resolve": "1.10.0",
"sass-loader": "^7.1.0",
"sass-resources-loader": "^2.0.0",
"style-loader": "0.23.1",
"terser-webpack-plugin": "1.2.2",
"url-loader": "1.1.2",
"webpack": "4.28.3",
"webpack-dev-server": "3.1.14",
"webpack-manifest-plugin": "2.0.4",
"workbox-webpack-plugin": "3.6.3"
},
"scripts": {
"start": "node scripts/start.js",
"build": "node scripts/build.js",
"test": "node scripts/test.js"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": [
">0.2%",
"not dead",
"not ie <= 11",
"not op_mini all"
],
"jest": {
"collectCoverageFrom": [
"src/**/*.{js,jsx,ts,tsx}",
"!src/**/*.d.ts"
],
"resolver": "jest-pnp-resolver",
"setupFiles": [
"react-app-polyfill/jsdom"
],
"testMatch": [
"<rootDir>/src/**/__tests__/**/*.{js,jsx,ts,tsx}",
"<rootDir>/src/**/?(*.)(spec|test).{js,jsx,ts,tsx}"
],
"testEnvironment": "jsdom",
"testURL": "http://localhost",
"transform": {
"^.+\\.(js|jsx|ts|tsx)$": "<rootDir>/node_modules/babel-jest",
"^.+\\.css$": "<rootDir>/config/jest/cssTransform.js",
"^(?!.*\\.(js|jsx|ts|tsx|css|json)$)": "<rootDir>/config/jest/fileTransform.js"
},
"transformIgnorePatterns": [
"[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$",
"^.+\\.module\\.(css|sass|scss)$"
],
"moduleNameMapper": {
"^react-native$": "react-native-web",
"^.+\\.module\\.(css|sass|scss)$": "identity-obj-proxy"
},
"moduleFileExtensions": [
"web.js",
"js",
"web.ts",
"ts",
"web.tsx",
"tsx",
"json",
"web.jsx",
"jsx",
"node"
],
"watchPlugins": [
"/Users/baiguangyao/project/my-julyedu/node_modules/jest-watch-typeahead/filename.js",
"/Users/baiguangyao/project/my-julyedu/node_modules/jest-watch-typeahead/testname.js"
]
},
"babel": {
"presets": [
"react-app"
],
"plugins": [
[
"import",
{
"libraryName": "antd-mobile",
"style": true
}
]
]
},
"devDependencies": {
"babel-plugin-import": "^1.11.0",
"sass-resources-loader": "^2.0.0"
},
"theme": "./src/assets/theme/config.js"
}
.history/package_20190422131346.json 0 → 100644
{
"name": "my-julyedu",
"version": "0.1.0",
"private": true,
"dependencies": {
"@babel/core": "7.2.2",
"@svgr/webpack": "4.1.0",
"antd-mobile": "^2.2.11",
"autoprefixer": "^9.5.1",
"babel-core": "7.0.0-bridge.0",
"babel-eslint": "9.0.0",
"babel-jest": "23.6.0",
"babel-loader": "8.0.5",
"babel-plugin-named-asset-import": "^0.3.1",
"babel-preset-react-app": "^7.0.2",
"bfj": "6.1.1",
"case-sensitive-paths-webpack-plugin": "2.2.0",
"css-loader": "1.0.0",
"dotenv": "6.0.0",
"dotenv-expand": "4.2.0",
"eslint": "5.12.0",
"eslint-config-react-app": "^3.0.8",
"eslint-loader": "2.1.1",
"eslint-plugin-flowtype": "2.50.1",
"eslint-plugin-import": "2.14.0",
"eslint-plugin-jsx-a11y": "6.1.2",
"eslint-plugin-react": "7.12.4",
"file-loader": "2.0.0",
"fs-extra": "7.0.1",
"html-webpack-plugin": "4.0.0-alpha.2",
"identity-obj-proxy": "3.0.0",
"jest": "23.6.0",
"jest-pnp-resolver": "1.0.2",
"jest-resolve": "23.6.0",
"jest-watch-typeahead": "^0.2.1",
"less": "^2.7.3",
"less-loader": "^4.1.0",
"mini-css-extract-plugin": "0.5.0",
"node-sass": "^4.11.0",
"optimize-css-assets-webpack-plugin": "5.0.1",
"pnp-webpack-plugin": "1.2.1",
"postcss-flexbugs-fixes": "4.1.0",
"postcss-loader": "3.0.0",
"postcss-preset-env": "6.5.0",
"postcss-safe-parser": "4.0.1",
"react": "^16.8.6",
"react-app-polyfill": "^0.2.2",
"react-dev-utils": "^8.0.0",
"react-dom": "^16.8.6",
"react-redux": "^7.0.2",
"react-router-dom": "^5.0.0",
"redux": "^4.0.1",
"resolve": "1.10.0",
"sass-loader": "^7.1.0",
"sass-resources-loader": "^2.0.0",
"style-loader": "0.23.1",
"terser-webpack-plugin": "1.2.2",
"url-loader": "1.1.2",
"webpack": "4.28.3",
"webpack-dev-server": "3.1.14",
"webpack-manifest-plugin": "2.0.4",
"workbox-webpack-plugin": "3.6.3"
},
"scripts": {
"start": "node scripts/start.js",
"build": "node scripts/build.js",
"test": "node scripts/test.js"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": [
">0.2%",
"not dead",
"not ie <= 11",
"not op_mini all"
],
"jest": {
"collectCoverageFrom": [
"src/**/*.{js,jsx,ts,tsx}",
"!src/**/*.d.ts"
],
"resolver": "jest-pnp-resolver",
"setupFiles": [
"react-app-polyfill/jsdom"
],
"testMatch": [
"<rootDir>/src/**/__tests__/**/*.{js,jsx,ts,tsx}",
"<rootDir>/src/**/?(*.)(spec|test).{js,jsx,ts,tsx}"
],
"testEnvironment": "jsdom",
"testURL": "http://localhost",
"transform": {
"^.+\\.(js|jsx|ts|tsx)$": "<rootDir>/node_modules/babel-jest",
"^.+\\.css$": "<rootDir>/config/jest/cssTransform.js",
"^(?!.*\\.(js|jsx|ts|tsx|css|json)$)": "<rootDir>/config/jest/fileTransform.js"
},
"transformIgnorePatterns": [
"[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$",
"^.+\\.module\\.(css|sass|scss)$"
],
"moduleNameMapper": {
"^react-native$": "react-native-web",
"^.+\\.module\\.(css|sass|scss)$": "identity-obj-proxy"
},
"moduleFileExtensions": [
"web.js",
"js",
"web.ts",
"ts",
"web.tsx",
"tsx",
"json",
"web.jsx",
"jsx",
"node"
],
"watchPlugins": [
"/Users/baiguangyao/project/my-julyedu/node_modules/jest-watch-typeahead/filename.js",
"/Users/baiguangyao/project/my-julyedu/node_modules/jest-watch-typeahead/testname.js"
]
},
"babel": {
"presets": [
"react-app"
],
"plugins": [
[
"import",
{
"libraryName": "antd-mobile",
"style": true
}
]
]
},
"devDependencies": {
"babel-plugin-import": "^1.11.0",
"sass-resources-loader": "^2.0.0"
},
"theme": "./src/assets/theme/config.js"
}
.history/package_20190422131522.json 0 → 100644
{
"name": "my-julyedu",
"version": "0.1.0",
"private": true,
"dependencies": {
"@babel/core": "7.2.2",
"@svgr/webpack": "4.1.0",
"antd-mobile": "^2.2.11",
"autoprefixer": "^9.5.1",
"babel-core": "7.0.0-bridge.0",
"babel-eslint": "9.0.0",
"babel-jest": "23.6.0",
"babel-loader": "8.0.5",
"babel-plugin-named-asset-import": "^0.3.1",
"babel-preset-react-app": "^7.0.2",
"bfj": "6.1.1",
"case-sensitive-paths-webpack-plugin": "2.2.0",
"css-loader": "1.0.0",
"dotenv": "6.0.0",
"dotenv-expand": "4.2.0",
"eslint": "5.12.0",
"eslint-config-react-app": "^3.0.8",
"eslint-loader": "2.1.1",
"eslint-plugin-flowtype": "2.50.1",
"eslint-plugin-import": "2.14.0",
"eslint-plugin-jsx-a11y": "6.1.2",
"eslint-plugin-react": "7.12.4",
"file-loader": "2.0.0",
"fs-extra": "7.0.1",
"html-webpack-plugin": "4.0.0-alpha.2",
"identity-obj-proxy": "3.0.0",
"jest": "23.6.0",
"jest-pnp-resolver": "1.0.2",
"jest-resolve": "23.6.0",
"jest-watch-typeahead": "^0.2.1",
"less": "^3.9.0",
"less-loader": "^4.1.0",
"mini-css-extract-plugin": "0.5.0",
"node-sass": "^4.11.0",
"optimize-css-assets-webpack-plugin": "5.0.1",
"pnp-webpack-plugin": "1.2.1",
"postcss-flexbugs-fixes": "4.1.0",
"postcss-loader": "3.0.0",
"postcss-preset-env": "6.5.0",
"postcss-safe-parser": "4.0.1",
"react": "^16.8.6",
"react-app-polyfill": "^0.2.2",
"react-dev-utils": "^8.0.0",
"react-dom": "^16.8.6",
"react-redux": "^7.0.2",
"react-router-dom": "^5.0.0",
"redux": "^4.0.1",
"resolve": "1.10.0",
"sass-loader": "^7.1.0",
"sass-resources-loader": "^2.0.0",
"style-loader": "0.23.1",
"terser-webpack-plugin": "1.2.2",
"url-loader": "1.1.2",
"webpack": "4.28.3",
"webpack-dev-server": "3.1.14",
"webpack-manifest-plugin": "2.0.4",
"workbox-webpack-plugin": "3.6.3"
},
"scripts": {
"start": "node scripts/start.js",
"build": "node scripts/build.js",
"test": "node scripts/test.js"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": [
">0.2%",
"not dead",
"not ie <= 11",
"not op_mini all"
],
"jest": {
"collectCoverageFrom": [
"src/**/*.{js,jsx,ts,tsx}",
"!src/**/*.d.ts"
],
"resolver": "jest-pnp-resolver",
"setupFiles": [
"react-app-polyfill/jsdom"
],
"testMatch": [
"<rootDir>/src/**/__tests__/**/*.{js,jsx,ts,tsx}",
"<rootDir>/src/**/?(*.)(spec|test).{js,jsx,ts,tsx}"
],
"testEnvironment": "jsdom",
"testURL": "http://localhost",
"transform": {
"^.+\\.(js|jsx|ts|tsx)$": "<rootDir>/node_modules/babel-jest",
"^.+\\.css$": "<rootDir>/config/jest/cssTransform.js",
"^(?!.*\\.(js|jsx|ts|tsx|css|json)$)": "<rootDir>/config/jest/fileTransform.js"
},
"transformIgnorePatterns": [
"[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$",
"^.+\\.module\\.(css|sass|scss)$"
],
"moduleNameMapper": {
"^react-native$": "react-native-web",
"^.+\\.module\\.(css|sass|scss)$": "identity-obj-proxy"
},
"moduleFileExtensions": [
"web.js",
"js",
"web.ts",
"ts",
"web.tsx",
"tsx",
"json",
"web.jsx",
"jsx",
"node"
],
"watchPlugins": [
"/Users/baiguangyao/project/my-julyedu/node_modules/jest-watch-typeahead/filename.js",
"/Users/baiguangyao/project/my-julyedu/node_modules/jest-watch-typeahead/testname.js"
]
},
"babel": {
"presets": [
"react-app"
],
"plugins": [
[
"import",
{
"libraryName": "antd-mobile",
"style": true
}
]
]
},
"devDependencies": {
"babel-plugin-import": "^1.11.0",
"sass-resources-loader": "^2.0.0"
},
"theme": "./src/assets/theme/config.js"
}
.history/src/assets/theme/config_20190419102304.js 0 → 100644
module.exports = function() {
return {
"brand-primary": 'green'
}
}
\ No newline at end of file
.history/src/assets/theme/config_20190419102406.js 0 → 100644
module.exports = function() {
return {
// "brand-primary": 'green'
}
}
\ No newline at end of file
.history/src/assets/theme/config_20190419102410.js 0 → 100644
module.exports = function() {
return {
"brand-primary": 'green'
}
}
\ No newline at end of file
.history/src/components/my/index_20190418142312.js 0 → 100644
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 0 → 100644
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 0 → 100644
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 0 → 100644
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 0 → 100644
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 0 → 100644
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 0 → 100644
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 0 → 100644
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
.history/src/components/my/index_20190419095705.js 0 → 100644
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_20190419095818.js 0 → 100644
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_20190419100034.js 0 → 100644
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>
<div style={{"background: #f7f9fc"}}></div>
<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_20190419100044.js 0 → 100644
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>
<div style={"background: #f7f9fc"}></div>
<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_20190419100105.js 0 → 100644
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>
<div style={}></div>
<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_20190419100140.js 0 → 100644
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>
<div style={{ backgrond: "#f7f9fc"}}></div>
<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_20190419100158.js 0 → 100644
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>
<div style={{ backgrond: "#f7f9fc"}}>
<NavBar
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>我的
</NavBar>
</div>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419100200.js 0 → 100644
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>
<div style={{ backgrond: "#f7f9fc"}}>
<NavBar
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>
我的
</NavBar>
</div>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419100201.js 0 → 100644
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>
<div style={{ backgrond: "#f7f9fc"}}>
<NavBar
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>
我的
</NavBar>
</div>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419100403.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar } from 'antd-mobile';
import './index.scss';
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<div style={{ backgrond: "#f7f9fc"}}>
<NavBar
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>
我的
</NavBar>
</div>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419100441.scss 0 → 100644
.my-tab{
background: #f7f9fc;
}
\ No newline at end of file
.history/src/components/my/index_20190419100442.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar } from 'antd-mobile';
import './index.scss';
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<div className="my-tab">
<NavBar
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>
我的
</NavBar>
</div>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419100708.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar } from 'antd-mobile';
import './index.scss';
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<div >
<NavBar
className="my-tab"
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>
我的
</NavBar>
</div>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419100743.scss 0 → 100644
.my-tab{
width: 100%;
height: 44px;
background: #f7f9fc;
}
\ No newline at end of file
.history/src/components/my/index_20190419100913.scss 0 → 100644
.my-tab{
width: 100%;
height: 44px;
font-size: $font_16；
background: #f7f9fc;
}
\ No newline at end of file
.history/src/components/my/index_20190419100915.scss 0 → 100644
.my-tab{
width: 100%;
height: 44px;
font-size: $font_16;
background: #f7f9fc;
}
\ No newline at end of file
.history/src/components/my/index_20190419101826.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBarm, List } from 'antd-mobile';
import './index.scss';
const Item = List.Item;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<div >
<NavBar
className="my-tab"
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>
我的
</NavBar>
<List renderHeader={() => 'Align Vertical Center'} className="my-list">
<Item multipleLine extra="extra content">
Title <Brief>subtitle</Brief>
</Item>
</List>
</div>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419101847.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBarm, List } from 'antd-mobile';
import './index.scss';
const Item = List.Item;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<div >
<NavBar
className="my-tab"
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>
我的
</NavBar>
<List renderHeader={() => 'Align Vertical Center'} className="my-list">
<Item multipleLine extra="extra content">
</Item>
</List>
</div>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419101855.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
const Item = List.Item;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<div >
<NavBar
className="my-tab"
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>
我的
</NavBar>
<List renderHeader={() => 'Align Vertical Center'} className="my-list">
<Item multipleLine extra="extra content">
</Item>
</List>
</div>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419101930.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
const Item = List.Item;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<div >
<NavBar
className="my-tab"
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>
我的
</NavBar>
<List renderHeader={() => 'Align Vertical Center'} className="my-list">
</List>
</div>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419102003.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBarm, List } from 'antd-mobile';
import './index.scss';
const Item = List.Item;
const Brief = List.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<div >
<NavBar
className="my-tab"
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>
我的
</NavBar>
<List renderHeader={() => 'Align Vertical Center'} className="my-list">
<Item multipleLine extra="extra content">
Title <Brief>subtitle</Brief>
</Item>
</List>
</div>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419102009.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
const Item = List.Item;
const Brief = List.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<div >
<NavBar
className="my-tab"
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>
我的
</NavBar>
<List renderHeader={() => 'Align Vertical Center'} className="my-list">
<Item multipleLine extra="extra content">
Title <Brief>subtitle</Brief>
</Item>
</List>
</div>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419102846.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
const Item = List.Item;
const Brief = List.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<div >
<NavBar
className="my-tab"
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>
我的
</NavBar>
</div>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419102856.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<div >
<NavBar
className="my-tab"
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>
我的
</NavBar>
</div>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419103104.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>
我的
</NavBar>
<List renderHeader={() => 'Align Vertical Center'} className="my-list">
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419104806.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>
我的
</NavBar>
{/* <List renderHeader={() => 'Align Vertical Center'} className="my-list">
</List> */}
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419105151.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>
我的
</NavBar>
<List renderHeader={() => 'Align Vertical Center'} className="my-list">
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419110119.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>
我的
</NavBar>
<List renderHeader={() => 'Align Vertical Center'} className="my-list">
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419110208.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
const Item = List.Item;
const Brief = List.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>
我的
</NavBar>
<List renderHeader={() => 'Align Vertical Center'} className="my-list">
<Item multipleLine extra="extra content">
Title <Brief>subtitle</Brief>
</Item>
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419110252.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
const Item = List.Item;
const Brief = List.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>
我的
</NavBar>
<div>
<List renderHeader={() => 'Align Vertical Center'} className="my-list">
<Item multipleLine extra="extra content">
Title <Brief>subtitle</Brief>
</Item>
</List>
</div>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419110341.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
const Item = List.Item;
const Brief = List.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>
我的
</NavBar>
<div>
<List renderHeader={() => 'Align Vertical Center'} className="my-list">
<Item extra="extra content">
Title <Brief>subtitle</Brief>
</Item>
</List>
</div>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419110411.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
const Item = List.Item;
const Brief = List.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>
我的
</NavBar>
<div>
<List renderHeader={() => 'Align Vertical Center'} className="my-list">
{/* <Item extra="extra content"> */}
Title <Brief>subtitle</Brief>
{/* </Item> */}
</List>
</div>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419110419.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
const Item = List.Item;
const Brief = List.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>
我的
</NavBar>
<div>
<List renderHeader={() => 'Align Vertical Center'} className="my-list">
{/* <Item extra="extra content"> */}
{/* Title <Brief>subtitle</Brief> */}
{/* </Item> */}
</List>
</div>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419110558.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
const Item = List.Item;
const Brief = List.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>
我的
</NavBar>
<div>
<List renderHeader={() => 'Align Vertical Center'} className="my-list">
<Item extra="extra content">
{/* Title <Brief>subtitle</Brief> */}
Title
</Item>
</List>
</div>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419110606.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
const Item = List.Item;
const Brief = List.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>
我的
</NavBar>
<div>
<List renderHeader={() => 'Align Vertical Center'} className="my-list">
<Item extra="extra content">
Title <Brief>subtitle</Brief>
Title
</Item>
</List>
</div>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419110610.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
const Item = List.Item;
const Brief = List.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>
我的
</NavBar>
<div>
<List renderHeader={() => 'Align Vertical Center'} className="my-list">
<Item extra="extra content">
Title
</Item>
</List>
</div>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419110612.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
const Item = List.Item;
const Brief = List.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>
我的
</NavBar>
<div>
<List renderHeader={() => 'Align Vertical Center'} className="my-list">
<Item extra="extra content">
Title
</Item>
</List>
</div>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419110638.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
const Item = List.Item;
const Brief = List.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>
我的
</NavBar>
<div>
<List className="my-list">
<Item extra="extra content">
Title
</Item>
</List>
</div>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419110744.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
const Item = List.Item;
const Brief = List.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>
我的
</NavBar>
<div>
<List className="my-list">
<Item multipleLine extra="extra content">
Title
</Item>
</List>
</div>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419110800.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
const Item = List.Item;
const Brief = List.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>
我的
</NavBar>
<div>
<List className="my-list">
<Item multipleLine extra="extra content">
Title
<Brief></Brief>
</Item>
</List>
</div>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419111236.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
const Item = List.Item;
const Brief = Item.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>
我的
</NavBar>
<div>
<List className="my-list">
<Item multipleLine extra="extra content">
Title
<Brief></Brief>
</Item>
</List>
</div>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419111550.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
const Item = List.Item;
const Brief = Item.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>
我的
</NavBar>
<div>
<List className="my-list">
<Item multipleLine extra="extra content">
Title <Brief>subtitle</Brief>
</Item>
</List>
</div>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419111656.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
const Item = List.Item;
const Brief = Item.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>
我的
</NavBar>
<List className="my-list">
<Item multipleLine extra="extra content">
Title <Brief>subtitle</Brief>
</Item>
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419111754.scss 0 → 100644
.my-tab{
width: 100%;
height: 44px;
font-size: $font_16;
background: #f7f9fc;
}
.my-list{
}
\ No newline at end of file
.history/src/components/my/index_20190419111807.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
const Item = List.Item;
const Brief = Item.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>
我的
</NavBar>
<List className="my-list">
<Item multipleLine extra="extra content">
Title <Brief>subtitle</Brief>
</Item>
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419112414.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
const Item = List.Item;
const Brief = Item.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>
我的
</NavBar>
<List renderHeader={() => 'Subtitle'} className="my-list">
<Item arrow="horizontal" multipleLine onClick={() => { }}>
Title <Brief>subtitle</Brief>
</Item>
<Item
arrow="horizontal"
multipleLine
onClick={() => { }}
platform="android"
>
ListItem （Android）<Brief>There may have water ripple effect of <br /> material if you set the click event.</Brief>
</Item>
<Item
arrow="horizontal"
thumb="https://zos.alipayobjects.com/rmsportal/dNuvNrtqUztHCwM.png"
multipleLine
onClick={() => { }}
>
Title <Brief>subtitle</Brief>
</Item>
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419112454.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
const Item = List.Item;
const Brief = Item.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>
我的
</NavBar>
<List renderHeader={() => 'Subtitle'} className="my-list">
<Item arrow="horizontal" multipleLine onClick={() => { }}>
Title <Brief>subtitle</Brief>
</Item>
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419112503.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
const Item = List.Item;
const Brief = Item.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>
我的
</NavBar>
<List className="my-list">
<Item arrow="horizontal" multipleLine onClick={() => { }}>
Title <Brief>subtitle</Brief>
</Item>
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419112511.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
const Item = List.Item;
const Brief = Item.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
onLeftClick={() => console.log('onLeftClick')}
rightContent={[
]}
>
我的
</NavBar>
<List className="my-list">
<Item arrow="horizontal" multipleLine onClick={() => { }}>
Title <Brief>subtitle</Brief>
</Item>
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419113908.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
const Item = List.Item;
const Brief = Item.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
>
我的
</NavBar>
<List className="my-list">
<Item arrow="horizontal" multipleLine onClick={() => { }}>
Title <Brief>subtitle</Brief>
</Item>
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419114005.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
const Item = List.Item;
const Brief = Item.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
>
我的
</NavBar>
<List className="my-list">
<Item arrow="horizontal" multipleLine onClick={() => { }}>
<img src="./image/avatar.png" />
<Brief>subtitle</Brief>
</Item>
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419114010.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
const Item = List.Item;
const Brief = Item.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
>
我的
</NavBar>
<List className="my-list">
<Item arrow="horizontal" multipleLine onClick={() => { }}>
<img src="./image/avatar.png" alt=""/>
<Brief>subtitle</Brief>
</Item>
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419114050.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
const Item = List.Item;
const Brief = Item.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
>
我的
</NavBar>
<List className="my-list">
<Item arrow="horizontal" multipleLine onClick={() => { }}>
<img src="../image/avatar.png" alt=""/>
<Brief>subtitle</Brief>
</Item>
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419114055.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
const Item = List.Item;
const Brief = Item.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
>
我的
</NavBar>
<List className="my-list">
<Item arrow="horizontal" multipleLine onClick={() => { }}>
<img src="./image/avatar.png" alt=""/>
<Brief>subtitle</Brief>
</Item>
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419114325.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
import Avatar from './image/avatar.png';
const Item = List.Item;
const Brief = Item.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
>
我的
</NavBar>
<List className="my-list">
<Item arrow="horizontal" multipleLine onClick={() => { }}>
<img src="./image/avatar.png" alt=""/>
<Brief>subtitle</Brief>
</Item>
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419114335.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
import Avatar from './image/avatar.png';
const Item = List.Item;
const Brief = Item.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
>
我的
</NavBar>
<List className="my-list">
<Item arrow="horizontal" multipleLine onClick={() => { }}>
<img src={Avatar} alt=""/>
<Brief>subtitle</Brief>
</Item>
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419114426.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
import Avatar from './image/avatar.png';
const Item = List.Item;
const Brief = Item.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
>
我的
</NavBar>
<List className="my-list">
<Item arrow="horizontal" multipleLine onClick={() => { }}>
<img className="avatar" src={Avatar} alt=""/>
<Brief>subtitle</Brief>
</Item>
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419114440.scss 0 → 100644
.my-tab{
width: 100%;
height: 44px;
font-size: $font_16;
background: #f7f9fc;
}
.my-list{
.avatar{
width: 64px;
height: 64px;
}
}
\ No newline at end of file
.history/src/components/my/index_20190419114510.scss 0 → 100644
.my-tab{
width: 100%;
height: 44px;
font-size: $font_16;
background: #f7f9fc;
}
.my-list{
padding: 15px 20px;
.avatar{
width: 64px;
height: 64px;
}
}
\ No newline at end of file
.history/src/components/my/index_20190419114650.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
import Avatar from './image/avatar.png';
const Item = List.Item;
const Brief = Item.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
>
我的
</NavBar>
<List className="my-list">
<Item className="avatar-wrap" arrow="horizontal" multipleLine onClick={() => { }}>
<img className="avatar" src={Avatar} alt=""/>
<Brief>subtitle</Brief>
</Item>
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419114707.scss 0 → 100644
.my-tab{
width: 100%;
height: 44px;
font-size: $font_16;
background: #f7f9fc;
}
.my-list{
.avatar-wrap{
padding: 15px 20px;
.avatar{
width: 64px;
height: 64px;
}
}
}
\ No newline at end of file
.history/src/components/my/index_20190419114710.scss 0 → 100644
.my-tab{
width: 100%;
height: 44px;
font-size: $font_16;
background: #f7f9fc;
}
.my-list{
.avatar-wrap{
padding: 15px 20px;
.avatar{
width: 64px;
height: 64px;
}
}
}
\ No newline at end of file
.history/src/components/my/index_20190419115032.scss 0 → 100644
.my-tab{
width: 100%;
height: 44px;
font-size: $font_16;
background: #f7f9fc;
}
.my-list{
.avatar-wrap{
padding: 15px 20px;
.am-list-item .am-list-line-multiple{
padding: 0 !important;
}
.avatar{
width: 64px;
height: 64px;
}
}
}
\ No newline at end of file
.history/src/components/my/index_20190419115112.scss 0 → 100644
.my-tab{
width: 100%;
height: 44px;
font-size: $font_16;
background: #f7f9fc;
}
.my-list{
.avatar-wrap{
padding: 15px 20px;
.avatar{
width: 64px;
height: 64px;
}
}
}
.am-list-item .am-list-line-multiple{
padding: 0 !important;
}
\ No newline at end of file
.history/src/components/my/index_20190419115141.scss 0 → 100644
.my-tab{
width: 100%;
height: 44px;
font-size: $font_16;
background: #f7f9fc;
}
.my-list{
.avatar-wrap{
padding: 15px 20px;
.avatar{
width: 64px;
height: 64px;
}
}
}
// 修改List组件默认样式
.am-list-item .am-list-line-multiple{
padding: 0 !important;
}
\ No newline at end of file
.history/src/components/my/index_20190419115215.scss 0 → 100644
.my-tab{
width: 100%;
height: 44px;
font-size: $font_16;
background: #f7f9fc;
}
.my-list{
.avatar-wrap{
padding: 15px 20px;
.avatar{
width: 64px;
height: 64px;
}
}
}
// 修改List组件默认样式
.am-list-item .am-list-line-multiple{
padding: 0 !important;
}
\ No newline at end of file
.history/src/components/my/index_20190419115400.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
import Avatar from './image/avatar.png';
const Item = List.Item;
const Brief = Item.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
>
我的
</NavBar>
<List className="my-list">
<Item
className="avatar-wrap"
arrow="horizontal"
multipleLine
thumb={Avatar}
onClick={() => { }}>
{/* <img className="avatar" src={Avatar} alt=""/> */}
<Brief>subtitle</Brief>
</Item>
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419115453.scss 0 → 100644
.my-tab{
width: 100%;
height: 44px;
font-size: $font_16;
background: #f7f9fc;
}
.my-list{
.avatar-wrap{
padding: 15px 20px;
}
}
// 修改List组件默认样式
.am-list-item .am-list-line-multiple{
padding: 0 !important;
}
\ No newline at end of file
.history/src/components/my/index_20190419115649.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
import Avatar from './image/avatar.png';
const Item = List.Item;
const Brief = Item.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
>
我的
</NavBar>
<List className="my-list">
<Item
className="avatar-wrap"
arrow="horizontal"
multipleLine
thumb={Avatar}
activeStyle={{width: '100px'}}
onClick={() => { }}>
{/* <img className="avatar" src={Avatar} alt=""/> */}
<Brief>subtitle</Brief>
</Item>
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419115728.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
import Avatar from './image/avatar.png';
const Item = List.Item;
const Brief = Item.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
>
我的
</NavBar>
<List className="my-list">
<Item
className="avatar-wrap"
arrow="horizontal"
multipleLine
thumb={Avatar}
activeStyle={{width: '100111px'}}
onClick={() => { }}>
{/* <img className="avatar" src={Avatar} alt=""/> */}
<Brief>subtitle</Brief>
</Item>
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419115736.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
import Avatar from './image/avatar.png';
const Item = List.Item;
const Brief = Item.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
>
我的
</NavBar>
<List className="my-list">
<Item
className="avatar-wrap"
arrow="horizontal"
multipleLine
thumb={Avatar}
onClick={() => { }}>
{/* <img className="avatar" src={Avatar} alt=""/> */}
<Brief>subtitle</Brief>
</Item>
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419115740.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
import Avatar from './image/avatar.png';
const Item = List.Item;
const Brief = Item.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
>
我的
</NavBar>
<List className="my-list">
<Item
className="avatar-wrap"
arrow="horizontal"
multipleLine
thumb={Avatar}
onClick={() => { }}>
<Brief>subtitle</Brief>
</Item>
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419115821.scss 0 → 100644
.my-tab{
width: 100%;
height: 44px;
font-size: $font_16;
background: #f7f9fc;
}
.my-list{
.avatar-wrap{
padding: 15px 20px;
}
}
// 修改List组件默认样式
.am-list-item .am-list-line-multiple{
padding: 0 !important;
}
.am-list-thumb{
img{
width: 64px;
height: 64px;
}
}
\ No newline at end of file
.history/src/components/my/index_20190419115916.scss 0 → 100644
.my-tab{
width: 100%;
height: 44px;
font-size: $font_16;
background: #f7f9fc;
}
.my-list{
.avatar-wrap{
padding: 15px 20px;
}
}
// 修改List组件默认样式
.am-list-item .am-list-line-multiple{
padding: 0 !important;
}
.am-list-thumb{
img{
width: 64px;
height: 64px;
}
}
\ No newline at end of file
.history/src/components/my/index_20190419115939.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
import './index.scss';
import Avatar from './image/avatar.png';
const Item = List.Item;
const Brief = Item.Brief;
class My extends Component {
render() {
return (
<div className="flex-container">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
>
我的
</NavBar>
<List className="my-list">
<Item
className="avatar-wrap"
arrow="horizontal"
multipleLine
thumb={Avatar}
onClick={() => { }}>
<Brief>点击登录</Brief>
</Item>
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment