Browse Source

feat: add toast props

yangkaixuan 5 years ago
parent
commit
b2196633b8
2 changed files with 8 additions and 0 deletions
  1. 4 0
      src/packages/toast/doc.md
  2. 4 0
      src/packages/toast/toast.vue

+ 4 - 0
src/packages/toast/doc.md

@@ -167,3 +167,7 @@ Toast.resetDefaultOptions("text");
 | loadingRotate       | loading图标是否旋转,仅对loading类型生效                                      | Boolean       | true                          |
 | onClose             | 关闭时触发的事件                                                              | function      | null                          |
 | closeOnClickOverlay | 是否在点击遮罩层后关闭提示                                                    | Boolean       | false                         |
+| toastStyle | 提示框style                                           | object       |                           |
+| toastClass | 提示框class                                                    | String       | ""                         |
+
+

+ 4 - 0
src/packages/toast/toast.vue

@@ -12,9 +12,11 @@
     >
       <div
         class="nut-toast-inner"
+        :class="toastClass"
         :style="{
           'text-align': textAlignCenter ? 'center' : 'left',
           'background-color': bgColor,
+          ...toastStyle,
         }"
       >
         <span v-if="hasIcon" class="nut-toast-icon-wrapper">
@@ -51,6 +53,8 @@ export default {
       onClose: null,
       textTimer: null,
       cover: false,
+      toastStyle: {},
+      toastClass: '',
       coverColor: 'rgba(0, 0, 0, 0)',
       timeStamp: null,
       closeOnClickOverlay: false,