Commit 1179374398e21cf9d0b275438d03932f7262f2a7
1 parent
0bee0493
update Message Icons
Showing
2 changed files
with
8 additions
and
8 deletions
Show diff stats
src/components/base/notification/notice.vue
| ... | ... | @@ -9,7 +9,7 @@ |
| 9 | 9 | ></render-cell> |
| 10 | 10 | </div> |
| 11 | 11 | <a :class="[baseClass + '-close']" @click="close" v-if="closable"> |
| 12 | - <i class="ivu-icon ivu-icon-ios-close-empty"></i> | |
| 12 | + <i class="ivu-icon ivu-icon-ios-close"></i> | |
| 13 | 13 | </a> |
| 14 | 14 | </template> |
| 15 | 15 | <template v-if="type === 'message'"> |
| ... | ... | @@ -21,7 +21,7 @@ |
| 21 | 21 | ></render-cell> |
| 22 | 22 | </div> |
| 23 | 23 | <a :class="[baseClass + '-close']" @click="close" v-if="closable"> |
| 24 | - <i class="ivu-icon ivu-icon-ios-close-empty"></i> | |
| 24 | + <i class="ivu-icon ivu-icon-ios-close"></i> | |
| 25 | 25 | </a> |
| 26 | 26 | </div> |
| 27 | 27 | </template> | ... | ... |
src/components/message/index.js
| ... | ... | @@ -13,11 +13,11 @@ let messageInstance; |
| 13 | 13 | let name = 1; |
| 14 | 14 | |
| 15 | 15 | const iconTypes = { |
| 16 | - 'info': 'information-circled', | |
| 17 | - 'success': 'checkmark-circled', | |
| 18 | - 'warning': 'android-alert', | |
| 19 | - 'error': 'close-circled', | |
| 20 | - 'loading': 'load-c' | |
| 16 | + 'info': 'ios-information-circle', | |
| 17 | + 'success': 'ios-checkmark-circle', | |
| 18 | + 'warning': 'ios-alert', | |
| 19 | + 'error': 'ios-close-circle', | |
| 20 | + 'loading': 'ios-sync' | |
| 21 | 21 | }; |
| 22 | 22 | |
| 23 | 23 | function getMessageInstance () { |
| ... | ... | @@ -46,7 +46,7 @@ function notice (content = '', duration = defaults.duration, type, onClose = fun |
| 46 | 46 | transitionName: 'move-up', |
| 47 | 47 | content: ` |
| 48 | 48 | <div class="${prefixCls}-custom-content ${prefixCls}-${type}"> |
| 49 | - <i class="${iconPrefixCls} ${iconPrefixCls}-${iconType}${loadCls}"></i> | |
| 49 | + <i class="${iconPrefixCls} ${iconPrefixCls}-${iconType} ${loadCls}"></i> | |
| 50 | 50 | <span>${content}</span> |
| 51 | 51 | </div> |
| 52 | 52 | `, | ... | ... |