多语言AI资讯系统 (Multilingual AI Information System)

基于 uni-app-x (UTS Android) 平台开发的多语言AI资讯系统，严格遵循 UTS Android 开发规范。页面生成到 /pages/mt/下面，可以按照普通用户，admin,方式分类，普通用户也具有编辑自己作品功能，admin更具备全局掌控功能。重要的是，必须要支持i18n,支持大小屏处理。 i18n 可以参考/pages/admin/user-management.uvue下的使用大小屏的设计也可以参考/pages/admin/user-management.uvue下的使用，不过，我觉得你应该有更科学的方法更好

系统特性

核心功能

🌍 多语言支持: 支持中文、英文、日文、韩文等多种语言
🤖 AI助手: 集成智能聊天助手，提供内容推荐和分析
🔍 智能搜索: 支持关键词搜索、分类筛选、高级过滤
📱 响应式设计: 兼容大屏和小屏设备，自适应布局
⚡ 高性能: 基于 UTSJSONObject 优化，确保流畅体验
📊 数据分析: 内容质量评分、用户行为分析

技术特点

严格遵循 UTS Android 开发规范
全部使用 supa.executeAs(T) 作为核心数据结构参考aksupa.uts
与 Supabase 数据库深度集成
支持实时数据同步和离线缓存
模块化设计，易于扩展和维护

Uts生成规则

表单优先用form. 跟template交互的变量尽量用1维的变量不要用foreach,不要用map,不要用safeget,只要utsjsonobject就好了都用utsjsonobject 了，把safeget 这些必要性不大的函数都去掉，以utsjsonobject为核心用for解析的数组，最好用Array .不要用简写[] uts android不支持picker,用picker-view,或者uni.showactionsheet.一维的优先用uni.showactionsheet. uts android不支持undefined uts 中的变量声明使用 let 和 const，不能使用 var。 uts 对判断只接受boolean类型，所以要用 !==null之类的来判断空 uts不支持 Intersection Type is not supported. uts 中，只适合转 type，不适合使用 interface。因为 interface 在 kotlin 和 swift 中另有不同。 for 循环里面的i要指定类型为Int ,如：for (let i:Int = 0; i < byteLen; i++) ||表示逻辑或，&&表示逻辑与，!表示逻辑非，??表示空值合并运算符（当左侧为null或undefined时返回右侧值） uts在 if里面只接受 boolean类型的值，不能是其他类型的值，否则会报错。 Index Signature is not supported uts不支持undefined类型，undefined类型的变量会被当做null处理。 uts android对map的支持不够好，用for这种方式来代替。 uts android 对类型要求比较严格，对属性的推断也比较严格，多重推断用as ...来确认类型， css只支持部分属性，不能使用复杂的选择器和伪类。只支持display: flex; 不支持gap; 不支持 display:grid; 不支持 calc(); scroll-view 在 uni-app-x中不是用 scroll-y=true 。而是要用 direction="vertical"

不支持table,grid,grid-template-columns； property value calc(33.33% - 10px) is not supported for min-width (supported values are: number|pixel) ts的为空则使用默认值的语法在uts中不能用 ||，要用 ?? 来代替，但不要直接全部替换，因为逻辑与还是 ||。 uts android不支持!在变量前面的判断空方式，要用 != null 来代替。 picker-view的事件 UniPickerViewChangeEvent css: [APP-ANDROID] 不支持伪类选择器 [APP-IOS] 不支持伪类选择器 [APP-ANDROID] 不支持的单位: 'vh' [APP-IOS] 不支持的单位: 'vh' css不支持 gap; WARNING: backdrop-filter is not a standard property name (may not be supported) ERROR: Selector .login-button[disabled] is not supported. uvue only support classname selector ERROR: property value 100% is not supported for min-height (supported values are: number|pixel) [plugin:uni:app-uvue-css] ERROR: property value all is not supported for transition-property (supported values are: css property) 用 utils/utis 下的 UTSJSONObject 做类型转换时间获取用uni_modules/lime-date-time-picker

页面功能详解

1. 主页面 (index.uvue)

分类导航: 水平滚动的分类标签，支持全部/各分类切换
内容列表: 瀑布流式布局，展示标题、摘要、作者等信息
精选推荐: 高质量内容推荐区域
语言选择: 弹窗式语言选择器
实时统计: 显示总内容数、发布数、趋势等统计信息
响应式布局: 大屏2列，小屏1列自适应

2. 详情页面 (detail.uvue)

内容展示: 支持原文和多语言翻译切换
质量指标: 显示内容质量评分和可视化指示器
交互功能: 点赞、分享、收藏等社交功能
相关推荐: 基于内容相似度的智能推荐
标签导航: 点击标签跳转到相关搜索
AI助手入口: 浮动按钮快速访问AI助手

视频页面

仿抖音的swiper方式，支持弹幕

3. 搜索页面 (search.uvue)

智能搜索: 支持标题、内容、标签等多维度搜索
高级筛选: 分类、语言、质量、时间等多条件筛选
搜索建议: 实时搜索建议和自动补全
历史记录: 搜索历史管理和快速重用
热门搜索: 展示热门搜索词和趋势
结果排序: 支持相关度、时间、质量等多种排序

4. AI助手页面 (chat.uvue)

智能对话: 支持自然语言交互
内容推荐: 基于用户偏好的个性化推荐
快速操作: 预设常用问题和快捷操作
会话管理: 支持多会话和历史记录
消息操作: 复制、点赞、反馈等消息交互
上下文理解: 结合当前浏览内容提供相关建议

5. 设置页面 (settings.uvue)

语言偏好: 界面语言和内容语言偏好设置
内容偏好: 感兴趣的分类、阅读模式、字体大小
通知设置: 推送通知、提醒频率等配置
隐私安全: 数据使用、隐私保护相关设置
账户管理: 个人信息编辑和账户设置
应用信息: 版本信息、用户协议、反馈渠道

6. 专题列表页面 (topics.uvue)

专题分类: 按类型筛选专题（突发事件、热门话题、系列专题等）
精选专题: 编辑推荐的高质量专题展示
专题预览: 专题封面、标题、描述、内容数量等信息
排序筛选: 支持按更新时间、热门度、内容数量等排序
快速导航: 一键跳转到专题详情或搜索页面

7. 专题详情页面 (topic-detail.uvue)

专题概览: 专题标题、描述、统计信息、封面展示
内容组织: 提供时间轴、分类、精选三种内容展示模式
时间轴视图: 按时间顺序展示专题相关内容发展脉络
分类视图: 按内容类别组织专题文章
精选视图: 展示专题中高质量内容
相关推荐: 推荐相关专题和扩展阅读
互动功能: 分享、订阅、意见反馈等操作
评论系统: 专题评论、讨论互动

8. 评论组件 (comments.uvue)

多层级评论: 支持评论和回复的树形结构显示
评论互动: 点赞、回复、举报、删除等完整功能
排序筛选: 支持按时间、热度、回复数等多种排序方式
实时更新: 评论数据实时同步，支持分页加载
内容审核: 评论状态管理和内容过滤机制
用户权限: 根据用户身份显示不同操作权限
响应式设计: 适配不同屏幕尺寸的评论界面

7.5 KiB Raw Blame History Unescape Escape