Skip to content

M
mr-julyedu
Commit 188be836 by baiguangyao
Options

.

parent 47967107
Showing with 3627 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_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
.history/src/components/my/index_20190419120659.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 !important;
}
\ No newline at end of file
.history/src/components/my/index_20190419121057.scss 0 → 100644
.my-tab{
width: 100%;
height: 44px;
font-size: $font_16;
background: $bg_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 !important;
}
\ No newline at end of file
.history/src/components/my/index_20190419121247.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>
<List renderHeader={() => 'Customized Right Side（Empty Content / Text / Image）'} className="my-list">
<Item>Title</Item>
<Item arrow="horizontal" onClick={() => { }}>Title</Item>
<Item extra="extra content" arrow="horizontal" onClick={() => { }}>Title</Item>
<Item extra="10:30" align="top" thumb="https://zos.alipayobjects.com/rmsportal/dNuvNrtqUztHCwM.png" multipleLine>
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_20190419121307.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>
<List renderHeader={() => 'Customized Right Side（Empty Content / Text / Image）'} className="my-list">
<Item>Title</Item>
<Item arrow="horizontal" onClick={() => { }}>Title</Item>
<Item extra="extra content" arrow="horizontal" onClick={() => { }}>Title</Item>
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419121425.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>
<List renderHeader={() => ''} className="my-list">
<Item>Title</Item>
<Item arrow="horizontal" onClick={() => { }}>Title</Item>
<Item extra="extra content" arrow="horizontal" onClick={() => { }}>Title</Item>
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419121537.scss 0 → 100644
.my-tab{
width: 100%;
height: 44px;
font-size: $font_16;
background: $bg_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 !important;
}
.am-list-header{
padding: 2.5px 0;
}
\ No newline at end of file
.history/src/components/my/index_20190419121616.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>
<List renderHeader={() => ''} className="my-list">
<Item arrow="horizontal" onClick={() => { }}>Title</Item>
<Item arrow="horizontal" onClick={() => { }}>Title</Item>
<Item arrow="horizontal" onClick={() => { }}>Title</Item>
<Item arrow="horizontal" onClick={() => { }}>Title</Item>
<Item arrow="horizontal" onClick={() => { }}>Title</Item>
{/* <Item extra="extra content" arrow="horizontal" onClick={() => { }}>Title</Item> */}
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419121804.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>
<List renderHeader={() => ''} className="my-list">
<Item arrow="horizontal" onClick={() => { }}>已购课程</Item>
<Item arrow="horizontal" onClick={() => { }}>购物车</Item>
<Item arrow="horizontal" onClick={() => { }}>课程订单</Item>
<Item arrow="horizontal" onClick={() => { }}>优惠券</Item>
<Item arrow="horizontal" onClick={() => { }}>赚奖学金</Item>
{/* <Item extra="extra content" arrow="horizontal" onClick={() => { }}>Title</Item> */}
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419121932.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>
<List renderHeader={() => ''} className="my-list">
<Item
arrow="horizontal"
onClick={() => { }}
>
已购课程
</Item>
<Item
arrow="horizontal"
onClick={() => { }}
>购物车
</Item>
<Item arrow="horizontal" onClick={() => { }}>课程订单</Item>
<Item arrow="horizontal" onClick={() => { }}>优惠券</Item>
<Item arrow="horizontal" onClick={() => { }}>赚奖学金</Item>
{/* <Item extra="extra content" arrow="horizontal" onClick={() => { }}>Title</Item> */}
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419122008.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>
<List renderHeader={() => ''} className="my-list">
<Item
arrow="horizontal"
onClick={() => { }}
>
已购课程
</Item>
<Item
arrow="horizontal"
onClick={() => { }}
>
购物车
</Item>
<Item
arrow="horizontal"
onClick={() => { }}
>
课程订单
</Item>
<Item
arrow="horizontal"
onClick={() => { }}
>
优惠券
</Item>
<Item arrow="horizontal" onClick={() => { }}>赚奖学金</Item>
{/* <Item extra="extra content" arrow="horizontal" onClick={() => { }}>Title</Item> */}
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419122028.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>
<List renderHeader={() => ''} className="my-list">
<Item
arrow="horizontal"
onClick={() => { }}
>
已购课程
</Item>
<Item
arrow="horizontal"
onClick={() => { }}
>
购物车
</Item>
<Item
arrow="horizontal"
onClick={() => { }}
>
课程订单
</Item>
<Item
arrow="horizontal"
onClick={() => { }}
>
优惠券
</Item>
<Item
arrow="horizontal"
onClick={() => { }}
>
赚奖学金
</Item>
{/* <Item extra="extra content" arrow="horizontal" onClick={() => { }}>Title</Item> */}
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419122032.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>
<List renderHeader={() => ''} className="my-list">
<Item
arrow="horizontal"
onClick={() => { }}
>
已购课程
</Item>
<Item
arrow="horizontal"
onClick={() => { }}
>
购物车
</Item>
<Item
arrow="horizontal"
onClick={() => { }}
>
课程订单
</Item>
<Item
arrow="horizontal"
onClick={() => { }}
>
优惠券
</Item>
<Item
arrow="horizontal"
onClick={() => { }}
>
赚奖学金
</Item>
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419122235.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>
<List renderHeader={() => ''} className="my-list">
<Item
thumb="iconfont iconiconfront-27"
arrow="horizontal"
onClick={() => { }}
>
已购课程
</Item>
<Item
arrow="horizontal"
onClick={() => { }}
>
购物车
</Item>
<Item
arrow="horizontal"
onClick={() => { }}
>
课程订单
</Item>
<Item
arrow="horizontal"
onClick={() => { }}
>
优惠券
</Item>
<Item
arrow="horizontal"
onClick={() => { }}
>
赚奖学金
</Item>
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419122336.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>
<List renderHeader={() => ''} className="my-list">
<Item
arrow="horizontal"
onClick={() => { }}
>
<i className="iconfont iconiconfront-27"></i>
已购课程
</Item>
<Item
arrow="horizontal"
onClick={() => { }}
>
购物车
</Item>
<Item
arrow="horizontal"
onClick={() => { }}
>
课程订单
</Item>
<Item
arrow="horizontal"
onClick={() => { }}
>
优惠券
</Item>
<Item
arrow="horizontal"
onClick={() => { }}
>
赚奖学金
</Item>
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419122543.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>
<List renderHeader={() => ''} className="my-list">
<Item
arrow="horizontal"
onClick={() => { }}
>
<i className="iconfont iconiconfront-27"></i>
已购课程
</Item>
<Item
arrow="horizontal"
onClick={() => { }}
>
<i className="iconfont icongouwuche"></i>
购物车
</Item>
<Item
arrow="horizontal"
onClick={() => { }}
>
<i className="iconfont iconiconfront-24"></i>
课程订单
</Item>
<Item
arrow="horizontal"
onClick={() => { }}
>
<i className="iconfont iconiconfront-52"></i>
优惠券
</Item>
<Item
arrow="horizontal"
onClick={() => { }}
>
<i className="iconfont iconiconfront-51"></i>
赚奖学金
</Item>
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419122811.scss 0 → 100644
.my-tab{
width: 100%;
height: 44px;
font-size: $font_16;
background: $bg_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 !important;
}
.am-list-header{
padding: 2.5px 0;
}
.am-list-content{
i{
vertical-align: middle;
margin-top: -1px;
display: inline-block;
}
}
\ No newline at end of file
.history/src/components/my/index_20190419140601.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>
<List renderHeader={() => ''} className="my-list">
<Item
arrow="horizontal"
onClick={() => { }}
>
<i className="iconfont iconiconfront-27"></i>
已购课程
</Item>
<Item
arrow="horizontal"
onClick={() => { }}
>
<i className="iconfont icongouwuche"></i>
购物车
</Item>
<Item
arrow="horizontal"
onClick={() => { }}
>
<i className="iconfont iconiconfront-24"></i>
课程订单
</Item>
<Item
arrow="horizontal"
onClick={() => { }}
>
<i className="iconfont iconiconfront-52"></i>
优惠券
</Item>
</List>
<List>
<Item
arrow="horizontal"
onClick={() => { }}
>
<i className="iconfont iconiconfront-51"></i>
赚奖学金
</Item>
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419140620.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>
<List renderHeader={() => ''} className="my-list">
<Item
arrow="horizontal"
onClick={() => { }}
>
<i className="iconfont iconiconfront-27"></i>
已购课程
</Item>
<Item
arrow="horizontal"
onClick={() => { }}
>
<i className="iconfont icongouwuche"></i>
购物车
</Item>
<Item
arrow="horizontal"
onClick={() => { }}
>
<i className="iconfont iconiconfront-24"></i>
课程订单
</Item>
<Item
arrow="horizontal"
onClick={() => { }}
>
<i className="iconfont iconiconfront-52"></i>
优惠券
</Item>
</List>
<List renderHeader={() => ''} >
<Item
arrow="horizontal"
onClick={() => { }}
>
<i className="iconfont iconiconfront-51"></i>
赚奖学金
</Item>
</List>
</Flex.Item>
</Flex>
<WhiteSpace size="lg" />
</div>
)
}
}
export default My;
\ No newline at end of file
.history/src/components/my/index_20190419140659.scss 0 → 100644
.my-tab{
width: 100%;
height: 44px;
font-size: $font_16;
background: $bg_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 !important;
}
.am-list-header{
padding: 2.5px 0;
}
.am-list-content{
i{
vertical-align: middle;
margin-top: -1px;
display: inline-block;
margin-right: 12px;
}
}
\ No newline at end of file
.history/src/components/my/index_20190419140741.scss 0 → 100644
.my-tab{
width: 100%;
height: 44px;
font-size: $font_16;
background: $bg_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 !important;
}
.am-list-header{
padding: 2.5px 0;
}
.am-list-content{
i{
vertical-align: middle;
margin-top: -1px;
display: inline-block;
margin-right: 12px;
margin: 16px 12px 16 0;
}
}
\ No newline at end of file
.history/src/components/my/index_20190419140754.scss 0 → 100644
.my-tab{
width: 100%;
height: 44px;
font-size: $font_16;
background: $bg_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 !important;
}
.am-list-header{
padding: 2.5px 0;
}
.am-list-content{
i{
vertical-align: middle;
margin-top: -1px;
display: inline-block;
margin-right: 12px;
margin: 16px 12px 16px 0;
}
}
\ No newline at end of file
.history/src/components/my/index_20190419140839.scss 0 → 100644
.my-tab{
width: 100%;
height: 44px;
font-size: $font_16;
background: $bg_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 !important;
}
.am-list-header{
padding: 2.5px 0;
}
.am-list-content{
i{
vertical-align: middle;
margin-top: -1px;
display: inline-block;
margin-right: 12px;
margin: 16px 12px 16px 0;
font-size: 18px !important;
}
}
\ No newline at end of file
.history/src/components/my/index_20190419141110.scss 0 → 100644
.my-tab{
width: 100%;
height: 44px;
font-size: $font_16;
background: $bg_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 !important;
}
.am-list-header{
padding: 2.5px 0;
}
.am-list-content{
i{
vertical-align: middle;
margin-top: -1px;
display: inline-block;
margin-right: 12px;
margin: 10px 12px 10px 0;
font-size: 30px !important;
}
}
\ No newline at end of file
.history/src/components/my/index_20190419141251.scss 0 → 100644
.my-tab{
width: 100%;
height: 44px;
font-size: $font_16;
background: $bg_f7f9fc;
}
.my-list{
.avatar-wrap{
padding: 15px 20px;
}
}
// 修改List组件默认样式
.am-list-item{
padding-left: 15px;
padding-right: 15px;
}
.am-list-item .am-list-line-multiple{
padding: 0 !important;
}
.am-list-thumb{
img{
width: 64px;
height: 64px;
}
}
.am-list-brief{
color: $color_333 !important;
}
.am-list-header{
padding: 2.5px 0;
}
.am-list-content{
i{
vertical-align: middle;
margin-top: -1px;
display: inline-block;
margin-right: 12px;
margin: 10px 12px 10px 0;
font-size: 30px !important;
}
}
\ No newline at end of file
.history/src/components/my/index_20190419141508.scss 0 → 100644
.my-tab{
width: 100%;
height: 44px;
font-size: $font_16;
background: $bg_f7f9fc;
}
.my-list{
.avatar-wrap{
padding: 15px 20px;
}
}
// 修改List组件默认样式
.am-list-item{
padding-left: 15px;
padding-right: 15px;
}
.am-list-item .am-list-line-multiple{
padding-right: 8px !important;
}
.am-list-thumb{
img{
width: 64px;
height: 64px;
}
}
.am-list-brief{
color: $color_333 !important;
}
.am-list-header{
padding: 2.5px 0;
}
.am-list-content{
i{
vertical-align: middle;
margin-top: -1px;
display: inline-block;
margin-right: 12px;
margin: 10px 12px 10px 0;
font-size: 30px !important;
}
}
\ 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