xiaoshu/src/views/DocumentAnswer.vue

<template>
    <document-cards :data="data" :hasUpload="false" :hasSlider="false" />
</template>
<script>
import DocumentCards from "@/components/DocumentCards.vue";
import { defineComponent, ref, inject, reactive } from "vue";
export default defineComponent({
    components: {
        DocumentCards
    },
    setup() {
        const data = ref([
            {
                background: "rgba(72, 177, 244, 0.06)",
                color: "rgb(72, 177, 244)",
                img: "/src/assets/answer/1.png",
                title: "多源多问答",
                content: "检索多个文档内容，通过大模型生成答案"
            },
            {
                background: "rgba(158, 128, 255, 0.06)",
                color: "rgb(158, 128, 255)",
                img: "/src/assets/answer/2.png",
                title: "垂域知识库",
                content: "通过后台管理平台，快速构建垂域的专业知识库"
            },
            {
                background: "rgba(24, 200, 138, 0.06)",
                color: "rgb(24, 200, 138)",
                img: "/src/assets/answer/3.png",
                title: "文档溯源",
                content: "答案引用的文档支持预览及文档内容高亮"
            },
            {
                background: "rgba(255, 110, 110, 0.06)",
                color: "rgb(255, 110, 110)",
                img: "/src/assets/answer/4.png",
                title: "文档检索",
                content: "支持用户查看问题相关的全量文档"
            }
        ]);
        return {
            data
        };
    }
});
</script>