Browse Source

fix: loadingrotate is false, which is invalid (#1613)

18674801565 3 years ago
parent
commit
a45833164a
2 changed files with 8 additions and 2 deletions
  1. 3 0
      src/packages/__VUE/toast/index.scss
  2. 5 2
      src/packages/__VUE/toast/index.vue

+ 3 - 0
src/packages/__VUE/toast/index.scss

@@ -81,6 +81,9 @@
     .nut-toast-icon-wrapper {
       animation: rotation 2s linear infinite;
     }
+    .nut-toast-icon-no-animation {
+      animation: none;
+    }
   }
 }
 

+ 5 - 2
src/packages/__VUE/toast/index.vue

@@ -16,7 +16,7 @@
           'background-color': bgColor
         }"
       >
-        <view v-if="hasIcon" class="nut-toast-icon-wrapper">
+        <view v-if="hasIcon" :class="toastIconWrapperClass">
           <nut-icon :size="iconSize" v-bind="$attrs" color="#ffffff" :name="icon"></nut-icon>
         </view>
         <div v-if="title" class="nut-toast-title">
@@ -157,7 +157,9 @@ export default create({
         'nut-toast-' + props.size
       ];
     });
-
+    const toastIconWrapperClass = computed(() => {
+      return ['nut-toast-icon-wrapper', { 'nut-toast-icon-no-animation': !props.loadingRotate }];
+    });
     const onAfterLeave = () => {
       clearTimer();
       props.unmount(props.id);
@@ -170,6 +172,7 @@ export default create({
       clickCover,
       hasIcon,
       toastBodyClass,
+      toastIconWrapperClass,
       onAfterLeave
     };
   }