no message

Former-commit-id: 34bfc333be64a3f8f774f49a571be0db887098b1
Former-commit-id: 31b3d27fe5719fea3583f80f1498cd19b214b644
Former-commit-id: 1e07d94e6e1a349f538703ea6a5b04b2b65d1ac6

src/pages/demo/chart/index/components/ChartCardHeader.vue

@@ -4,6 +4,7 @@
     <span class="dd-fr">
       <Icon
         class="chart-card-header-icon"
+        :class="{active}"
         name="refresh"
         @click.native="handleRefresh">
       </Icon>
@@ -20,8 +21,17 @@ export default {
       default: ''
     }
   },
+  data () {
+    return {
+      active: false
+    }
+  },
   methods: {
     handleRefresh () {
+      this.active = true
+      setTimeout(() => {
+        this.active = false
+      }, 1000)
       this.$emit('refresh')
     }
   }
@@ -32,6 +42,10 @@ export default {
 @import '~@/assets/style/public.scss';
 .chart-card-header-icon {
   color: $color-text-sub;
+  transition: all .3s;
+  &.active {
+    transform: rotate(360deg);
+  }
 }
 </style>
 

src/pages/demo/chart/index/index.vue

@@ -68,12 +68,6 @@ export default {
           })
         }))
     },
-    // 更新指定的图表
-    chartResize (name) {
-      this.$nextTick(() => {
-        this.$refs[name].resize()
-      })
-    },
     // 布局组件发生变化
     layoutUpdatedHandler (newLayout) {
       console.group('layoutUpdatedHandler')
@@ -84,7 +78,9 @@ export default {
     },
     // 改变尺寸完成
     handleResized (name) {
-      this.chartResize(name)
+      this.$nextTick(() => {
+        this.$refs[name].resize()
+      })
     },
     // 用户触发了卡片右上角的刷新按钮
     handleRefreshData (index) {