From d59f518f466274b2caeb2e01c10c92deafe7c93b Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期三, 09 二月 2022 11:48:29 +0800 Subject: [PATCH] 2022-02-09 --- src/tabviews/home/defaulthome/index.jsx | 30 ++++++++++++++---------------- 1 files changed, 14 insertions(+), 16 deletions(-) diff --git a/src/tabviews/home/defaulthome/index.jsx b/src/tabviews/home/defaulthome/index.jsx index fc95665..9358fd9 100644 --- a/src/tabviews/home/defaulthome/index.jsx +++ b/src/tabviews/home/defaulthome/index.jsx @@ -1,6 +1,7 @@ import React, {Component} from 'react' import { Chart } from '@antv/g2' -import { Icon, Tabs, Slider } from 'antd' +import { Tabs, Progress } from 'antd' +import { InfoCircleOutlined, CaretUpOutlined, CaretDownOutlined } from '@ant-design/icons' import './index.scss' const { TabPane } = Tabs @@ -58,7 +59,7 @@ <span>缁翠慨鎬绘暟</span> </span> <span className="antd-action"> - <Icon type="info-circle-o" /> + <InfoCircleOutlined /> </span> </div> <div className="antd-total"> @@ -74,7 +75,7 @@ <span className="antd-trend-text">10%</span> </span> <span className="antd-trend-up"> - <Icon type="caret-up" /> + <CaretUpOutlined /> </span> </div> <div className="antd-trend-item"> @@ -83,7 +84,7 @@ <span className="antd-trend-text">10%</span> </span> <span className="antd-trend-down"> - <Icon type="caret-down" /> + <CaretDownOutlined /> </span> </div> </div> @@ -111,7 +112,7 @@ <span>瓒呮椂宸ュ崟</span> </span> <span className="antd-action"> - <Icon type="info-circle-o" /> + <InfoCircleOutlined /> </span> </div> <div className="antd-total"> @@ -120,9 +121,8 @@ </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"> @@ -148,7 +148,7 @@ <span>鍏冲崟</span> </span> <span className="antd-action"> - <Icon type="info-circle-o" /> + <InfoCircleOutlined /> </span> </div> <div className="antd-total"> @@ -158,8 +158,7 @@ </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"> @@ -185,7 +184,7 @@ <span>鍘熶欢閭瘎</span> </span> <span className="antd-action"> - <Icon type="info-circle-o" /> + <InfoCircleOutlined /> </span> </div> <div className="antd-total"> @@ -195,8 +194,7 @@ </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"> @@ -206,7 +204,7 @@ <span className="antd-trend-text">10%</span> </span> <span className="antd-trend-up"> - <Icon type="caret-up" /> + <CaretUpOutlined /> </span> </div> <div className="antd-trend-item"> @@ -215,7 +213,7 @@ <span className="antd-trend-text">10%</span> </span> <span className="antd-trend-down"> - <Icon type="caret-down" /> + <CaretDownOutlined /> </span> </div> </div> -- Gitblit v1.8.0