网格调整完毕

src/components/AiItem.vue

@@ -1,8 +1,8 @@
 <template>
-  <section class="AiItem">
+  <section class="AiItem" :class="{border}">
     <div v-if="topLabel" class="topLabel">
       <div class="labelPane" flex>
-        <div class="label" :class="{required}" v-text="label"/>
+        <div class="label" :class="{required,labelBold}" v-text="label"/>
         <slot name="sub" v-if="$slots.sub"/>
       </div>
       <div class="content">
@@ -12,11 +12,13 @@
     </div>
     <div v-else class="normal" flex>
       <div class="fill" flex>
-        <div class="label" :class="{required}" v-text="label"/>
+        <div class="label" :class="{required,labelBold}" v-text="label"/>
         <slot name="sub" v-if="$slots.sub"/>
       </div>
-      <slot v-if="$slots.default"/>
-      <div v-else v-text="value"/>
+      <div class="flexContent">
+        <slot v-if="$slots.default"/>
+        <div v-else v-text="value"/>
+      </div>
     </div>
   </section>
 </template>
@@ -28,7 +30,9 @@ export default {
     value: {default: ""},
     label: {default: ""},
     required: Boolean,
-    topLabel: Boolean
+    topLabel: Boolean,
+    border: {default: true},
+    labelBold: Boolean
   },
   data() {
     return {}
@@ -40,12 +44,25 @@ export default {
 .AiItem {
   font-family: PingFangSC-Regular, PingFang SC;
 
+  .border {
+    .normal {
+      border-bottom: 2px solid #ddd;
+    }
+
+    .topLabel {
+      border-bottom: 2px solid #ddd;
+    }
+  }
+
   .normal {
     width: 100%;
-    border-bottom: 2px solid #ddd;
     padding-right: 32px;
     box-sizing: border-box;
     height: 112px;
+
+    .flexContent {
+      max-width: 62vw;
+    }
   }
 
   .label {
@@ -64,11 +81,15 @@ export default {
       content: "*";
       color: #f46;
     }
+
+    &.labelBold {
+      font-weight: bold;
+      font-size: 34px;
+    }
   }
 
-  .topLabel {
+  ::v-deep.topLabel {
     padding: 32px 32px 32px 0;
-    border-bottom: 2px solid #ddd;
 
     .labelPane {
       margin-bottom: 32px;
@@ -76,6 +97,10 @@ export default {
 
     .content {
       padding-left: 20px;
+
+      .AiMore > .u-icon {
+        width: 100%;
+      }
     }
   }
 }