完成AI问答模块

2025-07-08 21:42:38 +08:00
parent 38f67616fc
commit 9f8f113e43
35 changed files with 1563 additions and 146 deletions
--- a/src/honor/list.tsx
+++ b/src/honor/list.tsx
@@ -0,0 +1,123 @@
+import {useEffect, useState} from "react";
+import {pageCmsArticle} from "@/api/cms/cmsArticle";
+import {CmsArticle} from "@/api/cms/cmsArticle/model";
+import Taro from '@tarojs/taro'
+import {useRouter} from '@tarojs/taro'
+import {Image} from '@nutui/nutui-react-taro'
+import {getCmsNavigation} from "@/api/cms/cmsNavigation";
+import {CmsNavigation} from "@/api/cms/cmsNavigation/model";
+
+/**
+ * 文章终极列表
+ * @constructor
+ */
+const List = () => {
+    const {params} = useRouter();
+    const [navigation, setNavigation] = useState<CmsNavigation>()
+    const [list, setList] = useState<CmsArticle[]>([])
+
+    const reload = async () => {
+        // 获取栏目ID
+        const categoryId = Number(params.id);
+        // 当前栏目信息
+        const navs = await getCmsNavigation(categoryId);
+        // 终极新闻列表
+        const articles = await pageCmsArticle({categoryId});
+
+        // 当前栏目信息
+        if (navs) {
+            setNavigation(navs);
+        }
+        // 新闻列表
+        if (articles) {
+            setList(articles?.list || [])
+        }
+    }
+
+    useEffect(() => {
+        reload()
+    }, [])
+
+    return (
+        <div className={'bg-red-200 h-full'}>
+            <div style={{padding: navigation?.span + 'px'}}>
+                <Image src={navigation?.style} width={'100%'}
+                       height={'auto'}/>
+            </div>
+            <div className={'p-4'}>
+                <div
+                    className={'relative'}
+                    style={{
+                        background: 'url(https://oss.wsdns.cn/20250708/d7a8aad52f6048e5adce13ef0ea86216.png)',
+                        backgroundSize: '100%',
+                        backgroundRepeat: 'no-repeat',
+                        width: '100%',
+                        height: '70px',
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: 'center'
+                    }}
+                >
+                    {/* 标题 */}
+                    <div
+                        className={'absolute z-50 text-sm text-center text-[#F2FE03] font-bold leading-tight px-1'}
+                    >
+                        {navigation?.categoryName}
+                    </div>
+                </div>
+            </div>
+            <div className={'rounded-lg py-3 px-2'}>
+                <div className={'grid grid-cols-1 gap-3'}>
+                    {
+                        // 终极文章列表
+                        list.map((item, index) => {
+                            return (
+                                <div
+                                    key={index}
+                                    className={'flex items-center cursor-pointer'}
+                                    style={{
+                                        border: '3px solid #F2FE03',
+                                        backgroundColor: '#C01717',
+                                        color: '#F2FE03',
+                                        borderRadius: '16px',
+                                    }}
+                                    onClick={() => Taro.navigateTo({url: `./detail?id=${item.articleId}`})}
+                                >
+                                    {
+                                        // 图片容器
+                                        item.image && (
+                                            <div className={'w-full m-3 flex justify-center'}
+                                                 style={{
+                                                     width: '108px',
+                                                     height: '160px',
+                                                 }}>
+                                                <img
+                                                    className={'object-cover'}
+                                                    src={item.image}
+                                                    alt={item.title || ''}
+                                                />
+                                            </div>
+                                        )
+                                    }
+                                    {/* 标题 */}
+                                    <div className={'flex flex-col items-start my-3 text-sm leading-tight'} style={{
+                                        color: '#F2FE03'
+                                    }}>
+                                        <p className={'font-bold py-1'}>{item.title}</p>
+                                        <p className={'text-xs line-clamp-6'} style={{
+                                            width: '240px',
+                                            overflow: 'hidden',
+                                        }}>
+                                            {item.comments || '暂无'}
+                                        </p>
+                                    </div>
+                                </div>
+                            )
+                        })
+                    }
+                </div>
+            </div>
+        </div>
+    )
+}
+export default List