update: 样式修改

src/views/ecm/marketing-event/assets/style/index.css

@@ -274,9 +274,16 @@
 
 
 .dm-text__wrap{
-  width: 500px;
+  /* width: 500px;
   margin-left: 10px;
-  line-height: 2;
+  line-height: 2; */
+  max-width: 870px;
+  margin:0 10px;
+  display: inline-block;
+  vertical-align: middle;
+  box-sizing: border-box;
+  white-space: pre-wrap;
+  word-break: break-all;
 }
 
 .dm-image__item__wrap{
@@ -405,13 +412,14 @@
 
 /* teltask message */
 .dm-message__item__wrap,.dm-teltask__item__wrap{
-  width: 760px;
+  width: 870px;
   height: 94px;
   margin:0 10px;
   border: 1px solid rgba(228,231,237,1);
   border-radius: 4px;
   display: inline-block;
   vertical-align: middle;
+  box-sizing: border-box;
 }
 .dm-message__item,.dm-teltask__item{
   padding: 15px;
@@ -462,7 +470,7 @@
   margin: 0 10px;
 }
 .dm-qywx__item__wrap {
-  width: 760px;
+  width: 870px;
   padding: 11px 20px 18px;
   border: 1px solid rgba(228,231,237,1);
   border-radius:4px;
@@ -471,6 +479,7 @@
   vertical-align: middle;
   margin: 0 10px;
   color: #303133;
+  box-sizing: border-box;
 }
 .dm__is-delete {
   display: inline-block;

src/views/ecm/marketing-event/components/item-text.vue

 <template>
   <!-- <span class="dm-text__wrap ellipsis-l2 inline-block" v-html="item.content"></span> -->
-  <pre class="inline-block">
+  <!-- <pre class="inline-block">
     <span v-html="item.content"></span>
-  </pre>
+  </pre> -->
+  <span class="dm-text__wrap" v-html="item.content"></span>
 </template>
 <script>
 import options from '../assets/options.js';