This commit is contained in:
Li1304553726 2025-02-28 11:45:17 +08:00
parent 5c5d08c1d6
commit e796b31024
3 changed files with 8 additions and 8 deletions

View File

@ -5,17 +5,17 @@ const TermInfo = ({ post }: { post: PostDto }) => {
return ( return (
<div> <div>
{post?.terms && post?.terms?.length > 0 ? ( {post?.terms && post?.terms?.length > 0 ? (
<div className="flex gap-2 mb-4"> <div className="flex gap-2 ">
{post?.terms?.map((term: any) => { {post?.terms?.map((term: any) => {
return ( return (
<Tag <Tag
key={term.id} key={term.id}
color={ color={
term?.taxonomy?.slug === term?.taxonomy?.slug ===
TaxonomySlug.CATEGORY TaxonomySlug.CATEGORY
? "green" ? "green"
: term?.taxonomy?.slug === : term?.taxonomy?.slug ===
TaxonomySlug.LEVEL TaxonomySlug.LEVEL
? "blue" ? "blue"
: "orange" : "orange"
} }

View File

@ -108,15 +108,15 @@ export default function ResourcesShower({
{resource.title?.slice(0, 12) || {resource.title?.slice(0, 12) ||
"未命名"} "未命名"}
</p> </p>
<div className="flex items-center justify-between text-xs text-gray-500"> <div className="flex items-center justify-between text-xs text-gray-500 ">
<span className="bg-gray-100 px-0.5 rounded-sm"> <span className="bg-gray-100 px-0.5 rounded-sm mr-2 whitespace-pre-wrap">
{resource.url {resource.url
.split(".") .split(".")
.pop() .pop()
?.slice(0, 4) ?.slice(0, 4)
.toUpperCase()} .toUpperCase()}
</span> </span>
<span> <span className="flex bg-gray-100 px-0.5 rounded-sm justify-items-center whitespace-pre-wrap">
{resource.meta.size && {resource.meta.size &&
formatFileSize( formatFileSize(
resource.meta.size resource.meta.size

View File

@ -1,5 +1,5 @@
import { Course, TaxonomySlug } from "@nice/common"; import { Course, TaxonomySlug } from "@nice/common";
import React, { useContext, useMemo } from "react"; import React, { useContext, useEffect, useMemo } from "react";
import { Image, Typography, Skeleton, Tag } from "antd"; // 引入 antd 组件 import { Image, Typography, Skeleton, Tag } from "antd"; // 引入 antd 组件
import { CourseDetailContext } from "./CourseDetailContext"; import { CourseDetailContext } from "./CourseDetailContext";
import { useNavigate, useParams } from "react-router-dom"; import { useNavigate, useParams } from "react-router-dom";
@ -69,7 +69,7 @@ export const CourseDetailDescription: React.FC = () => {
<div className="text-lg font-bold">{"课程简介:"}</div> <div className="text-lg font-bold">{"课程简介:"}</div>
<div className="flex flex-col gap-2"> <div className="flex flex-col gap-2">
<div className="flex gap-2 flex-wrap items-center float-start"> <div className="flex gap-2 flex-wrap items-center float-start">
{course?.subTitle && <div>{course?.subTitle}</div>} {course?.subTitle && <div className="flex items-center">{course?.subTitle}</div>}
<TermInfo post={course}></TermInfo> <TermInfo post={course}></TermInfo>
</div> </div>
</div> </div>