Skip to content

M
mr-julyedu
Commit 324e36b5 by xuzhenghua
Options

Merge branch 'master' of gitlab.julyedu.com:baiguangyao/mr-julyedu into xzhindex

parents ab0ed2af cf96ba89
Showing with 2875 additions and 0 deletions
.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
.history/src/components/my/index_20190419120512.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 style={{color: '#333'}}>点击登录</Brief>
</Item>
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419120600.scss 0 → 100644
.my-tab{
width: 100%;
height: 44px;
font-size: $font_16;
background: #f7f9fc;
}
.my-list{
.avatar-wrap{
padding: 15px 20px;
}
.login{
color: $color_333;
}
}
// 修改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_20190419120612.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 className="login">点击登录</Brief>
</Item>
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419120640.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;
}
}
.am-list-brief{
color: $color_333;
}
\ No newline at end of file
.history/src/components/my/index_20190419120648.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