系统消息图标

src/views/home.vue

@@ -24,9 +24,7 @@
                     <div class="message-info" v-if="messageList.length > 0">
                         <div class="message-item" v-for="(item,index) in messageList" :key="index">
                             <div class="text-top">
-                                <i class="el-icon-error" v-if="item.type == 2" style="color:#FA5555"></i>
-                                <i class="el-icon-success" v-if="item.type == 3" style="color:#67C23A"></i>
-                                <i class="el-icon-warning" v-if="item.type == 1" style="color:#FAAD14"></i>
+                                <img :src="item.url"/>
                                 <span>{{item.menuName}}</span>
                                 <span>{{item.portalTime}}</span>
                             </div>
@@ -145,6 +143,11 @@ export default {
                         padding: 10px 10px 15px;
                         border-bottom: 1px solid #EBEEF5;
                         .text-top {
+                            img {
+                                float: left;
+                                width: 16px;
+                                margin-top: 3px;
+                            }
                             span:nth-child(2) {
                                 padding: 10px;
                             }