更新记录

1.0.0（2025-12-25） 下载此版本

• 首次发布
• 支持FAQ列表展开/折叠交互
• 支持Emoji和图片作为问题图标
• 支持自定义页面标题和联系信息
• 支持点击复制联系邮箱

平台兼容性

uni-app x(4.0)

tris-faq 常见问题页面

一款简洁美观的 FAQ 常见问题页面组件，基于 uni-app x 开发。

特性

• 支持展开/折叠交互动画
• 支持 Emoji 和图片作为问题图标
• 可配置页面标题和联系信息
• 点击邮箱自动复制到剪贴板
• 基于 UTS 语法，支持多端编译

使用方法

1. 导入项目

将插件导入到你的 uni-app x 项目中。

2. 配置 FAQ 数据

编辑 data/faq.uts 文件，修改页面配置和 FAQ 列表：

// 页面配置
export const faqConfig: FAQConfig = {
    title: 'Tris FAQ',           // 页面标题
    contactTitle: '还有其他问题？',  // 底部联系标题
    contactHint: '请发送邮件至',     // 联系提示文字
    contactEmail: 'hi@tris.com'     // 联系邮箱
}

// FAQ 数据列表
export const faqList: FAQItem[] = [
    {
        id: 1,
        icon: '📱',                    // 支持 Emoji
        question: '这是问题？',
        answer: '这是答案。'
    },
    {
        id: 2,
        icon: '/static/icons/xxx.png', // 支持本地图片
        question: '这是另一个问题？',
        answer: '这是另一个答案。'
    }
]

3. 图标格式

icon 字段支持三种格式：

目录结构

tris-faq/
├── data/
│   └── faq.uts          # FAQ 数据配置
├── pages/
│   └── faq/
│       └── faq.uvue     # FAQ 页面组件
├── static/
│   └── icons/           # 图标资源
├── App.uvue
├── main.uts
├── manifest.json
└── pages.json

兼容性