feat(web): Index/model/space/tool ui upgrade

This commit is contained in:
zhaoying
2026-03-23 11:37:04 +08:00
parent 0775fad5f0
commit 4dbb2bf2e2
47 changed files with 1094 additions and 1123 deletions

View File

@@ -1,8 +1,8 @@
/*
* @Author: ZhaoYing
* @Date: 2026-02-05 10:43:49
* @Last Modified by: ZhaoYing
* @Last Modified time: 2026-02-05 10:43:49
* @Last Modified by: ZhaoYing
* @Last Modified time: 2026-03-20 20:28:44
*/
import React, { useRef } from 'react';
import { Button, Tooltip } from 'antd';
@@ -10,9 +10,10 @@ import { useTranslation } from 'react-i18next';
import { useNavigate } from 'react-router-dom';
import type { Skill } from './types'
import RbCard from '@/components/RbCard/Card'
import RbCard from '@/components/RbCard'
import { getSkillListUrl } from '@/api/skill'
import PageScrollList, { type PageScrollListRef } from '@/components/PageScrollList'
import { formatDateTime } from '@/utils/format'
/**
* Skills List Page Component
@@ -66,14 +67,15 @@ const Skills: React.FC = () => {
return (
<RbCard
title={item.name}
avatar={<div className="rb:w-12 rb:h-12 rb:text-center rb:font-semibold rb:text-[28px] rb:leading-12 rb:rounded-lg rb:text-[#FBFDFF] rb:bg-[#155EEF] rb:mr-2">{item.name[0]}</div>}
className="rb:cursor-pointer"
titleClassName="rb:line-clamp-1!"
onClick={() => handleView(item)}
>
{/* Skill description with tooltip */}
<Tooltip title={item.description}>
<div className="rb:text-[#5B6167] rb:text-[12px] rb:leading-4.25 rb:font-regular rb:-mt-1 rb:wrap-break-word rb:line-clamp-1">{item.description}</div>
<div className="rb:h-10 rb:leading-5 rb:wrap-break-word rb:line-clamp-2">{item.description}</div>
</Tooltip>
<div className="rb:text-[#5B6167] rb:leading-4.5 rb:text-[12px] rb:mt-4">{t('common.updated_at')}: {formatDateTime(item.updated_at)}</div>
</RbCard>
);
}}