更新青少年详情

src/views/Underage/adolescentList/detail.vue

@@ -18,12 +18,11 @@ onMounted(() => {
 <template>
   <div style="margin-top: 24px;">
     <h2>{{ detailData.title }}</h2>
-    <div class="text-indent content">
-      {{ detailData.content }}
+    <div class="text-indent content" v-html="detailData.content">
     </div>
-    <div style="display: inline-flex;justify-content: center; width: 100%;">
+    <!-- <div style="display: inline-flex;justify-content: center; width: 100%;">
       <el-image class="w-[300px] h-[300px]" :src="detailData.img"></el-image>
-    </div>
+    </div> -->
   </div>
 </template>
 <style lang="scss" scoped>
@@ -31,8 +30,7 @@ onMounted(() => {
   margin: 24px 0;
 }
 
-.text-indent {
-  text-indent: 2em;
-  line-height: 36px;
-}
-</style>
+// .text-indent {
+//   text-indent: 2em;
+//   line-height: 36px;
+// }</style>

src/views/Underage/adolescentList/hook.tsx

@@ -117,7 +117,7 @@ export function useData() {
           id: Number(rowData?.id || 0) ?? "",
         }
       },
-      width: "40%",
+      width: "60%",
       hideFooter: true,
       closeOnClickModal: false,
       contentRenderer: () => h(detailView, { ref: formRef, formInline: null })