feat:添加数据缓动效果

ZhangXianQiang

2024-03-13 2d6ec7162f446b64fe395a7e77894277b9385d96

 src/views/home/data-wrapper/index.vue

@@ -3,11 +3,17 @@
    <el-row :gutter="40">
      <el-col :xs='24' :md="24" :sm="24" :lg="17" :xl="17">
        <data-table></data-table>
        <data-chart></data-chart>
        <examine></examine>
      </el-col>
      <el-col :xs='24' :md="24" :sm="24" :lg="7" :xl="7">
        <data-rank></data-rank>
        <data-check></data-check>
      </el-col>
      <el-col :xs='24' :md="24" :sm="24" :lg="12" :xl="12">
        <data-chart></data-chart>
      </el-col>
      <el-col :xs='24' :md="24" :sm="24" :lg="12" :xl="12">
        <work-order></work-order>
      </el-col>
    </el-row>
  </div>
@@ -15,8 +21,10 @@

<script>
import DataTable from '../data-table/index.vue';
import Examine from '../examine/index.vue';
import DataRank from '../data-rank/index.vue';
import DataCheck from '../data-check/index.vue';
import WorkOrder from '../work-order/index.vue';
import DataChart from '../data-chart/index.vue';
export default {
  name: 'DataWrapper',
@@ -24,6 +32,8 @@
    DataTable,
    DataRank,
    DataCheck,
    WorkOrder,
    Examine,
    DataChart
  }
}
@@ -31,4 +41,4 @@

<style lang="scss" scoped>

</style>
</style>