| | |
| | | import React, {Component} from 'react' |
| | | import { Chart } from '@antv/g2' |
| | | import { Icon, Tabs, Slider } from 'antd' |
| | | import { Icon, Tabs, Progress } from 'antd' |
| | | import './index.scss' |
| | | |
| | | const { TabPane } = Tabs |
| | |
| | | </div> |
| | | </div> |
| | | <div className="antd-chart-content"> |
| | | <div className="antd-content-fixed orange"> |
| | | <Slider defaultValue={67} tipFormatter={null} /> |
| | | <div className="mask"></div> |
| | | <div className="antd-content-fixed"> |
| | | <Progress percent={67} showInfo={false} strokeColor="orange"/> |
| | | </div> |
| | | </div> |
| | | <div className="antd-chart-footer"> |
| | |
| | | </div> |
| | | <div className="antd-chart-content"> |
| | | <div className="antd-content-fixed primary"> |
| | | <Slider defaultValue={77} tipFormatter={null} /> |
| | | <div className="mask"></div> |
| | | <Progress percent={77} showInfo={false} strokeColor="#1890ff"/> |
| | | </div> |
| | | </div> |
| | | <div className="antd-chart-footer"> |
| | |
| | | </div> |
| | | <div className="antd-chart-content"> |
| | | <div className="antd-content-fixed"> |
| | | <Slider defaultValue={87} tipFormatter={null} /> |
| | | <div className="mask"></div> |
| | | <Progress percent={87} showInfo={false} strokeColor="#13C2C2"/> |
| | | </div> |
| | | </div> |
| | | <div className="antd-chart-footer"> |