邮件详情样式优化和查询优化

mail-vue/src/components/shadow-html/index.vue

@@ -55,7 +55,7 @@ function updateContent() {
                     'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
         font-size: 14px;
         color: #13181D;
-        overflow-wrap: break-word;
+        word-break: break-word;
       }
 
       .shadow-content {

mail-vue/src/views/content/index.vue

@@ -35,7 +35,7 @@
           </div>
           <el-scrollbar class="htm-scrollbar" :class="email.attList.length === 0 ? 'bottom-distance' : ''">
             <ShadowHtml :html="formatImage(email.content)" v-if="email.content" />
-            <span v-else style="white-space: pre-wrap">{{email.text}}</span>
+            <span v-else class="email-text" >{{email.text}}</span>
           </el-scrollbar>
           <div class="att" v-if="email.attList.length > 0">
             <div class="att-title">
@@ -375,6 +375,11 @@ const handleDelete = () => {
   }
 }
 
+.email-text {
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
 .bottom-distance {
   margin-bottom: 30px;
 }