我的消息表格样式调整

src/views/system/UserAnnouncementList.vue

@@ -59,12 +59,12 @@
          <a class="readed" v-if="record.readFlag === '1' ">已读</a>
       </span>
 
-       <span slot="templateContent" slot-scope="text">
-          <a-tooltip placemen="topRight" arrow-point-at-center>
+       <span slot="templateContent" slot-scope="text" >
+          <a-tooltip >
             <template slot="title">
-              <span v-html="text"></span>
+              <span v-html="text" class="ellipsis-span"></span>
             </template>
-            <span v-html="myEllipsis(text,40)"></span>
+            <span v-html="myEllipsis(text,20)" class="ellipsis-span"></span>
           </a-tooltip>
         </span>
 
@@ -242,7 +242,7 @@ export default {
   }
 }
 </script>
-<style scoped>
+<style scoped lang="less">
 @import '~@assets/less/common.less';
 
 .ant-card-body .table-operator {
@@ -276,4 +276,10 @@ z
   color: #999;
   pointer-events: none;
 }
-</style>
+
+.ellipsis-span /deep/* {
+  display: inline;
+  margin: 0!important;
+  padding: 0!important;
+}
+ </style>