src/assets/scss/base.scss

@@ -2,7 +2,6 @@
 
 body,
 html {
-  line-height: 1;
   user-select: none;
   -webkit-tap-highlight-color: transparent;
   touch-action: none;

src/assets/scss/reset.scss

@@ -107,10 +107,6 @@ section {
   display: block;
 }
 
-body {
-  line-height: 1;
-}
-
 blockquote,
 q {
   quotes: none;

src/components/ListItem/ListItem.vue

@@ -7,7 +7,7 @@
         <img src="../../assets/images/q.svg" class="size-7" alt="" />
         {{ formatTime(customer.createTime) }}
       </div>
-      <ScrollView class="relative h-[356px]" :list="customer.content">
+      <ScrollView class="scroll relative h-[356px]" :list="customer.content">
         <div class="pr-3.5 text-justify !text-24 text-black/50">{{ customer.content }}</div>
       </ScrollView>
     </div>
@@ -16,7 +16,7 @@
         <img src="../../assets/images/a.svg" class="size-7" alt="" />
         {{ formatTime(customer.replyTime) }}
       </div>
-      <ScrollView class="relative h-[356px]" observe-image :list="customer.disposeDes">
+      <ScrollView class="scroll relative h-[356px]" observe-image :list="customer.disposeDes">
         <div class="pr-3.5 text-justify !text-24 text-[#333333]">
           <div v-html="customer.disposeDes"></div>
           <div class="flex items-center pt-4 text-20">
@@ -54,4 +54,7 @@ function formatTime(time: string) {
 .custom * {
   font-size: 24px !important;
 }
+.scroll img {
+  width: 100%;
+}
 </style>