diff --git a/web/src/pages/Detail/index.js b/web/src/pages/Detail/index.js index 0d9c5911..c4e2f3eb 100644 --- a/web/src/pages/Detail/index.js +++ b/web/src/pages/Detail/index.js @@ -1,6 +1,7 @@ import React, { useContext, useEffect, useRef, useState } from 'react'; import { initVChartSemiTheme } from '@visactor/vchart-semi-theme'; import { useNavigate } from 'react-router-dom'; +import { Wallet, Activity, Zap, Gauge, PieChart } from 'lucide-react'; import { Card, @@ -555,7 +556,12 @@ const Detail = (props) => { // 数据卡片信息 const groupedStatsData = [ { - title: t('账户数据'), + title: ( +
+ + {t('账户数据')} +
+ ), color: 'bg-blue-50', items: [ { @@ -578,7 +584,12 @@ const Detail = (props) => { ] }, { - title: t('使用统计'), + title: ( +
+ + {t('使用统计')} +
+ ), color: 'bg-green-50', items: [ { @@ -600,7 +611,12 @@ const Detail = (props) => { ] }, { - title: t('资源消耗'), + title: ( +
+ + {t('资源消耗')} +
+ ), color: 'bg-yellow-50', items: [ { @@ -622,7 +638,12 @@ const Detail = (props) => { ] }, { - title: t('性能指标'), + title: ( +
+ + {t('性能指标')} +
+ ), color: 'bg-indigo-50', items: [ { @@ -819,7 +840,12 @@ const Detail = (props) => { bordered={false} className="shadow-sm !rounded-2xl" headerLine={true} - title={t('模型数据分析')} + title={ +
+ + {t('模型数据分析')} +
+ } >