add slider

src/components/DocumentCards.vue

@@ -86,13 +86,17 @@
                     </div>
                 </template>
             </a-popover>
+            <section v-if="hasSlider">
+                <p>出题随机性</p>
+                <a-slider :default-value="50" :style="{ width: '100px' }" />
+            </section>
         </footer>
     </main>
 </template>
 <script>
 import { defineComponent, ref, inject, reactive } from "vue";
 export default defineComponent({
-    props: ["data", "hasUpload"],
+    props: ["data", "hasUpload", "hasSlider"],
     setup() {
         const showUpload = ref(true);
         const { helper } = inject("$global");
@@ -255,6 +259,9 @@ main {
         }
     }
     > footer {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
         > div {
             display: inline-flex;
             align-items: center;
@@ -298,6 +305,16 @@ main {
                 }
             }
         }
+        > section {
+            display: flex;
+            align-items: center;
+            background: rgba(150, 171, 185, 0.2);
+            border-radius: 20px;
+            padding: 5px 10px;
+            > p {
+                margin-right: 5px;
+            }
+        }
     }
 }
 .upload-wrap {

src/views/Analysis.vue

@@ -0,0 +1,13 @@
+<template>
+    <document-cards :hasUpload="true" :hasSlider="false" />
+</template>
+<script>
+import DocumentCards from "@/components/DocumentCards.vue";
+import { defineComponent, ref, inject, reactive } from "vue";
+export default defineComponent({
+    components: {
+        DocumentCards
+    },
+    setup() {}
+});
+</script>

src/views/Document.vue

@@ -1,5 +1,5 @@
 <template>
-    <document-cards :data="data" :hasUpload="true" />
+    <document-cards :data="data" :hasUpload="true" :hasSlider="false" />
 </template>
 <script>
 import DocumentCards from "@/components/DocumentCards.vue";

src/views/DocumentAnswer.vue

@@ -1,5 +1,5 @@
 <template>
-    <document-cards :data="data" :hasUpload="false" />
+    <document-cards :data="data" :hasUpload="false" :hasSlider="false" />
 </template>
 <script>
 import DocumentCards from "@/components/DocumentCards.vue";

src/views/DocumentQuestion.vue

@@ -1,5 +1,5 @@
 <template>
-    <document-cards :data="data" :hasUpload="true" />
+    <document-cards :data="data" :hasUpload="true" :hasSlider="true" />
 </template>
 <script>
 import DocumentCards from "@/components/DocumentCards.vue";

src/views/GenDocument.vue

@@ -1,5 +1,5 @@
 <template>
-    <document-cards :data="data" :hasUpload="false" />
+    <document-cards :data="data" :hasUpload="false" :hasSlider="false" />
 </template>
 <script>
 import DocumentCards from "@/components/DocumentCards.vue";

src/views/Home.vue

@@ -33,6 +33,7 @@
                             <DocumentAnswer v-if="navIndex === 4 && !showDialog" />
                             <DocumentQuestion v-if="navIndex === 5 && !showDialog" />
                             <PicArticle v-if="navIndex === 6 && !showDialog" />
+                            <Analysis v-if="navIndex === 7 && !showDialog" />
                             <dialog-wrap
                                 v-if="showDialog"
                                 :agentInfo="data"
@@ -70,7 +71,7 @@ import GenDocument from "./GenDocument.vue";
 import PicArticle from "./PicArticle.vue";
 import DocumentAnswer from "./DocumentAnswer.vue";
 import DocumentQuestion from "./DocumentQuestion.vue";
-
+import Analysis from "./Analysis.vue";
 import { defineComponent, ref, onMounted, inject, onBeforeUnmount } from "vue";
 export default defineComponent({
     components: {
@@ -85,7 +86,8 @@ export default defineComponent({
         GenDocument,
         PicArticle,
         DocumentAnswer,
-        DocumentQuestion
+        DocumentQuestion,
+        Analysis
     },
     setup() {
         const { config, helper } = inject("$global");

src/views/PicArticle.vue

@@ -1,5 +1,5 @@
 <template>
-    <document-cards :data="data" :hasUpload="true" />
+    <document-cards :data="data" :hasUpload="true" :hasSlider="false" />
 </template>
 <script>
 import DocumentCards from "@/components/DocumentCards.vue";