feat: add page

src/components/DocumentCards.vue

@@ -231,7 +231,7 @@ main {
             border-radius: 8px;
             display: flex;
             > img {
-                width: 30px;
+                width: 38px;
                 height: 38px;
                 margin-right: 12px;
             }

src/views/Home.vue

@@ -32,6 +32,7 @@
                             <GenDocument v-if="navIndex === 3 && !showDialog" />
                             <DocumentAnswer v-if="navIndex === 4 && !showDialog" />
                             <DocumentQuestion v-if="navIndex === 5 && !showDialog" />
+                            <PicArticle v-if="navIndex === 6 && !showDialog" />
                             <dialog-wrap
                                 v-if="showDialog"
                                 :agentInfo="data"
@@ -66,8 +67,10 @@ import Answer from "./Answer.vue";
 import Document from "./Document.vue";
 import GenPic from "./GenPic.vue";
 import GenDocument from "./GenDocument.vue";
+import PicArticle from "./PicArticle.vue";
 import DocumentAnswer from "./DocumentAnswer.vue";
 import DocumentQuestion from "./DocumentQuestion.vue";
+
 import { defineComponent, ref, onMounted, inject, onBeforeUnmount } from "vue";
 export default defineComponent({
     components: {
@@ -80,6 +83,7 @@ export default defineComponent({
         Document,
         GenPic,
         GenDocument,
+        PicArticle,
         DocumentAnswer,
         DocumentQuestion
     },

src/views/PicArticle.vue

@@ -0,0 +1,33 @@
+<template>
+    <document-cards :data="data" :hasUpload="true" />
+</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/gen/5.png",
+                title: "上传图片",
+                content: "支持支持PNG，JPG等格式图片，大小在10M以内"
+            },
+            {
+                background: "rgba(158, 128, 255, 0.06)",
+                color: "rgb(158, 128, 255)",
+                img: "/src/assets/gen/6.png",
+                title: "多轮问答",
+                content: "基于图片内容，实现的多轮问答"
+            }
+        ]);
+        return {
+            data
+        };
+    }
+});
+</script>