mirrors/element
1
0
Fork 0
mirror of https://github.com/ElemeFE/element.git synced 2025-12-16 11:44:01 +08:00
Code Issues Packages Projects Releases Wiki Activity

Message & Notification: add iconClass and customClass, fixed #1664 (#1671)

Browse Source
This commit is contained in:
杨奕
2016-12-14 13:43:14 +08:00
committed by baiyaaaaa
parent 6fa2a7049f
commit d7d8257516
9 changed files with 52 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
packages/notification/src/main.vue
View File

@@ -1,8 +1,18 @@
<template>
<transition name="el-notification-fade">
<div class="el-notification" v-show="visible" :style="{ top: top ? top + 'px' : 'auto' }" @mouseenter="clearTimer()" @mouseleave="startTimer()">
<i class="el-notification__icon" :class="[ typeClass ]" v-if="type"></i>
<div class="el-notification__group" :style="{ 'margin-left': typeClass ? '55px' : '0' }">
<div
class="el-notification"
:class="customClass"
v-show="visible"
:style="{ top: top ? top + 'px' : 'auto' }"
@mouseenter="clearTimer()"
@mouseleave="startTimer()">
<i
class="el-notification__icon"
:class="[ typeClass, iconClass ]"
v-if="type || iconClass">
</i>
<div class="el-notification__group" :class="{ 'is-with-icon': typeClass || iconClass }">
<span>{{ title }}</span>
<p>{{ message }}</p>
<div class="el-notification__closeBtn el-icon-close" @click="close"></div>
@@ -27,6 +37,8 @@
message: '',
duration: 4500,
type: '',
customClass: '',
iconClass: '',
onClose: null,
closed: false,
top: null,