add .
This commit is contained in:
parent
5c5d08c1d6
commit
e796b31024
|
@ -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"
|
||||||
}
|
}
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue