feat:修改分段样式

src/views/knowledge/detail/components/documentDetail/QAModel.vue

@@ -33,8 +33,12 @@
             <p>{{ descriptions.data[activeSegment].answer }}</p>
           </div>
         </div>
-        <div class="flex align-items-c mt20" v-if="descriptions.data[activeSegment].keywords && descriptions.data[activeSegment].keywords.length">
-          关键词 ：
+        <div
+          class="flex align-items-c mt20"
+          v-if="descriptions.data[activeSegment].keywords && descriptions.data[activeSegment].keywords.length"
+          style="width: max-content"
+        >
+          <span>关键词 ：</span>
           <el-tag v-for="(item, index) in descriptions.data[activeSegment].keywords" :key="index" class="mr10" size="mini" type="primary">
             {{ item }}
           </el-tag>
@@ -90,13 +94,16 @@ export default {
     background: #f3f5f7;
   }
   p {
-    margin: 10px 0;
+    margin: 15px 0;
   }
   .segment-number {
     color: #0a84ff;
   }
   .segment-keywords {
     color: #606266;
+    p {
+      margin: 0 10px 0 0;
+    }
   }
 }
 

src/views/knowledge/detail/components/documentDetail/TextModel.vue

@@ -21,8 +21,12 @@
     <div class="segment-detail" v-if="descriptions.data && descriptions.data.length > 0">
       <div class="segment-content" v-if="activeSegment !== null">
         {{ descriptions.data[activeSegment].content }}
-        <div class="flex align-items-c mt20" v-if="descriptions.data[activeSegment].keywords && descriptions.data[activeSegment].keywords.length">
-          关键词 ：
+        <div
+          class="flex align-items-c mt20"
+          v-if="descriptions.data[activeSegment].keywords && descriptions.data[activeSegment].keywords.length"
+          style="width: max-content"
+        >
+          <span>关键词 ：</span>
           <el-tag v-for="(item, index) in descriptions.data[activeSegment].keywords" :key="index" class="mr10" size="mini" type="primary">
             {{ item }}
           </el-tag>
@@ -78,13 +82,17 @@ export default {
     background: #f3f5f7;
   }
   p {
-    margin: 10px 0;
+    margin: 15px 0;
   }
   .segment-number {
     color: #0a84ff;
   }
   .segment-keywords {
     color: #606266;
+    flex-wrap: wrap;
+    p {
+      margin: 0 10px 0 0;
+    }
   }
 }
 

src/views/knowledge/detail/create.vue

@@ -75,7 +75,6 @@ export default {
     },
     getForm(form) {
       console.log(form)
-      debugger
       // if (form.beMinerU) {
       //   this.beMinerU()
       // } else {