【修改】消息样式需修改

src/views/dashboard/Analysis.vue

@@ -13,12 +13,12 @@
         @change="handleTableChange"
         class="j-table-force-nowrap">
 
-        <template slot="text" slot-scope="text">
+        <template slot="text" slot-scope="text,record">
           <a-tooltip>
             <template slot="title">
               <span v-html="text" class="ellipsis-span"></span>
             </template>
-            <span v-html="myEllipsis(text,35)" class="ellipsis-span"></span>
+            <span v-html="myEllipsis(text,35)" :class="{'color-meeting':record.titile === '3','color-system':record.titile === '12' }" class="ellipsis-span"></span>
           </a-tooltip>
         </template>
 
@@ -296,6 +296,12 @@ export default {
 <style scoped lang="less">
 @import '~@assets/less/common.less';
 
+.ellipsis-span /deep/ * {
+  display: inline;
+  margin: 0 !important;
+  padding: 0 !important;
+}
+
 .index-home {
   position: relative;
   width: 100%;
@@ -427,10 +433,10 @@ export default {
 }
 /*会议通知的颜色*/
 .color-meeting {
-  color: #FF7200;
+  color: #FF7200!important;
 }
 /*系统通知的消息*/
 .color-system {
-  color: #690AF7;
+  color: #690AF7!important;
 }
 </style>

src/views/system/UserAnnouncementList.vue

@@ -62,12 +62,12 @@
         :pagination="ipagination"
         :loading="loading"
         @change="handleTableChange">
-        <span slot="templateContent" slot-scope="text">
+        <span slot="templateContent" slot-scope="text,record">
           <a-tooltip>
             <template slot="title">
               <span v-html="text" class="ellipsis-span"></span>
             </template>
-            <span v-html="myEllipsis(text,40)" class="ellipsis-span"></span>
+            <span v-html="myEllipsis(text,40)" :class="{'color-meeting':record.titile === '3','color-system':record.titile === '12' }" class="ellipsis-span"></span>
           </a-tooltip>
         </span>
 
@@ -447,7 +447,6 @@ export default {
   background-color: #ffffff
 }
 
-z
 .ant-modal-cust-warp {
   height: 100%
 }