Commit 1f95db91 authored by nikogu's avatar nikogu

fixed components demo lint

parent 1a65f5b3
...@@ -34,7 +34,13 @@ ReactDOM.render( ...@@ -34,7 +34,13 @@ ReactDOM.render(
<Col span={24} style={{ marginTop: 24 }}> <Col span={24} style={{ marginTop: 24 }}>
<ChartCard <ChartCard
title="移动指标" title="移动指标"
avatar={<img style={{ width: 56, height: 56 }} src="https://gw.alipayobjects.com/zos/rmsportal/sfjbOqnsXXJgNCjCzDBL.png" />} avatar={
<img
style={{ width: 56, height: 56 }}
src="https://gw.alipayobjects.com/zos/rmsportal/sfjbOqnsXXJgNCjCzDBL.png"
alt="indicator"
/>
}
action={<Tooltip title="指标说明"><Icon type="info-circle-o" /></Tooltip>} action={<Tooltip title="指标说明"><Icon type="info-circle-o" /></Tooltip>}
total={yuan(126560)} total={yuan(126560)}
footer={<Field label="日均销售额" value={numeral(12423).format('0,0')} />} footer={<Field label="日均销售额" value={numeral(12423).format('0,0')} />}
...@@ -43,7 +49,13 @@ ReactDOM.render( ...@@ -43,7 +49,13 @@ ReactDOM.render(
<Col span={24} style={{ marginTop: 24 }}> <Col span={24} style={{ marginTop: 24 }}>
<ChartCard <ChartCard
title="移动指标" title="移动指标"
avatar={<img style={{ width: 56, height: 56 }} src="https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png" />} avatar={(
<img
alt="indicator"
style={{ width: 56, height: 56 }}
src="https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png"
/>
)}
action={<Tooltip title="指标说明"><Icon type="info-circle-o" /></Tooltip>} action={<Tooltip title="指标说明"><Icon type="info-circle-o" /></Tooltip>}
total={yuan(126560)} total={yuan(126560)}
/> />
......
...@@ -3,19 +3,14 @@ order: 6 ...@@ -3,19 +3,14 @@ order: 6
title: 迷你饼状图 title: 迷你饼状图
--- ---
通过简化 `Pie` 属性的设置,可以快速的实现极简的饼状图,可配合 `ChartCard` 组合展现更多业务场景。 通过简化 `Pie` 属性的设置,可以快速的实现极简的饼状图,可配合 `ChartCard` 组合展
现更多业务场景。
````jsx ```jsx
import { Pie } from 'ant-design-pro/lib/Charts'; import { Pie } from 'ant-design-pro/lib/Charts';
ReactDOM.render( ReactDOM.render(
<div style={{ width: 200, display: 'inline-block' }}> <Pie percent={28} subTitle="中式快餐" total="28%" height={140} />,
<Pie mountNode
percent={28} );
subTitle="中式快餐" ```
total="28%"
height={130}
/>
</div>
, mountNode);
````
...@@ -31,7 +31,7 @@ const salesPieData = [ ...@@ -31,7 +31,7 @@ const salesPieData = [
x: '其他', x: '其他',
y: 1231, y: 1231,
}, },
] ];
ReactDOM.render( ReactDOM.render(
<Pie <Pie
......
...@@ -31,7 +31,7 @@ const radarOriginData = [ ...@@ -31,7 +31,7 @@ const radarOriginData = [
contribute: 5, contribute: 5,
hot: 7, hot: 7,
}, },
] ];
const radarData = []; const radarData = [];
const radarTitleMap = { const radarTitleMap = {
ref: '引用', ref: '引用',
......
...@@ -9,7 +9,7 @@ title: 水波图 ...@@ -9,7 +9,7 @@ title: 水波图
import { WaterWave } from 'ant-design-pro/lib/Charts'; import { WaterWave } from 'ant-design-pro/lib/Charts';
ReactDOM.render( ReactDOM.render(
<div style={{textAlign: 'center'}}> <div style={{ textAlign: 'center' }}>
<WaterWave <WaterWave
height={161} height={161}
title="补贴资金剩余" title="补贴资金剩余"
......
...@@ -7,7 +7,6 @@ title: 全局搜索 ...@@ -7,7 +7,6 @@ title: 全局搜索
````jsx ````jsx
import HeaderSearch from 'ant-design-pro/lib/HeaderSearch'; import HeaderSearch from 'ant-design-pro/lib/HeaderSearch';
import { Icon } from 'antd';
ReactDOM.render( ReactDOM.render(
<div <div
......
...@@ -10,8 +10,7 @@ import PageHeader from 'ant-design-pro/lib/PageHeader'; ...@@ -10,8 +10,7 @@ import PageHeader from 'ant-design-pro/lib/PageHeader';
const content = ( const content = (
<div> <div>
<p>段落示意:蚂蚁金服务设计平台 ant.design,用最小的工作量,无缝接入蚂蚁金服生态, <p>段落示意:蚂蚁金服务设计平台 ant.design,用最小的工作量,无缝接入蚂蚁金服生态,提供跨越设计与开发的体验解决方案。</p>
提供跨越设计与开发的体验解决方案。</p>
<div className="link"> <div className="link">
<a> <a>
<img alt="" src="https://gw.alipayobjects.com/zos/rmsportal/MjEImQtenlyueSmVEfUD.svg" /> 快速开始 <img alt="" src="https://gw.alipayobjects.com/zos/rmsportal/MjEImQtenlyueSmVEfUD.svg" /> 快速开始
......
...@@ -8,8 +8,6 @@ title: 可展开和收起 ...@@ -8,8 +8,6 @@ title: 可展开和收起
````jsx ````jsx
import TagSelect from 'ant-design-pro/lib/TagSelect'; import TagSelect from 'ant-design-pro/lib/TagSelect';
const TagExpand = TagSelect.Expand;
function handleFormSubmit(checkedValue) { function handleFormSubmit(checkedValue) {
console.log(checkedValue); console.log(checkedValue);
} }
......
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