显示问题

src/views/menu/resumption/detail.vue

@@ -130,15 +130,18 @@
           </van-col>
         </van-row>
 
-        <van-collapse v-model="activeNames">
+        <van-collapse v-model="activeNames" class="soc_resumption">
           <van-collapse-item
             v-show="areaId === item.areaId"
             v-for="item in checks"
-            :title="item.itemName"
             :name="item.itemName"
             :key="item.areaId"
             :value="item.points.length + '项'"
+            title-style="min-width:80%"
           >
+            <template #title>
+              <pre style="font-weight: bold">{{ item.itemName}}</pre>
+            </template>
             <div v-for="(point, index) in item.points" :key="index">
               <van-cell>
                 <template #title>
@@ -842,6 +845,16 @@ export default {
   }
 }
 
+
+.soc_resumption .van-cell__title {
+  min-width: 80% !important;
+}
+.van-cell__title span {
+  text-align: left;
+  word-break: break-all;
+}
+
+
 .total_panel {
   text-align: center;
 
@@ -968,5 +981,6 @@ export default {
     right: 5px;
     top: 2px;
   }
+
 }
 </style>