浏览代码

feat: add toast props

yangkaixuan 5 年之前
父节点
当前提交
b2196633b8
共有 2 个文件被更改,包括 8 次插入0 次删除
  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                          |
 | loadingRotate       | loading图标是否旋转,仅对loading类型生效                                      | Boolean       | true                          |
 | onClose             | 关闭时触发的事件                                                              | function      | null                          |
 | onClose             | 关闭时触发的事件                                                              | function      | null                          |
 | closeOnClickOverlay | 是否在点击遮罩层后关闭提示                                                    | Boolean       | false                         |
 | closeOnClickOverlay | 是否在点击遮罩层后关闭提示                                                    | Boolean       | false                         |
+| toastStyle | 提示框style                                           | object       |                           |
+| toastClass | 提示框class                                                    | String       | ""                         |
+
+

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

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