From 4ff6b73c2bb57764db2bcd8212d82f028e25e36d Mon Sep 17 00:00:00 2001 From: vben <anncwb@126.com> Date: 星期二, 10 十一月 2020 22:45:39 +0800 Subject: [PATCH] perf: optimize settingDrawer code --- src/views/dashboard/analysis/index.vue | 35 ++++++++++++++++------------------- 1 files changed, 16 insertions(+), 19 deletions(-) diff --git a/src/views/dashboard/analysis/index.vue b/src/views/dashboard/analysis/index.vue index 4cfb935..fd15998 100644 --- a/src/views/dashboard/analysis/index.vue +++ b/src/views/dashboard/analysis/index.vue @@ -1,42 +1,42 @@ <template> <div class="analysis p-4"> - <Row class="pl-2"> + <a-row class="pl-2"> <template v-for="item in growCardList" :key="item.title"> <ACol :sm="24" :md="12" :lg="6"> <GrowCard :info="item" /> </ACol> </template> - </Row> + </a-row> - <Row> - <ACol :md="24" :lg="17" class="my-3"> + <a-row> + <a-col :md="24" :lg="17" class="my-3"> <CollapseContainer class="mr-3" title="浜у搧鎴愪氦棰�" :canExpan="false"> <AnalysisLine /> </CollapseContainer> - <Row class="mt-3"> - <ACol :md="24" :lg="12" class="product-total"> + <a-row class="mt-3"> + <a-col :md="24" :lg="12" class="product-total"> <CollapseContainer class="mr-3" title="浜у搧鎴愪氦棰�" :canExpan="false"> <AnalysisPie /> </CollapseContainer> - </ACol> - <ACol :md="24" :lg="12"> + </a-col> + <a-col :md="24" :lg="12"> <CollapseContainer class="mr-3" title="鐢ㄦ埛鏉ユ簮" :canExpan="false"> <AnalysisBar /> </CollapseContainer> - </ACol> - </Row> - </ACol> - <ACol :md="24" :lg="7"> + </a-col> + </a-row> + </a-col> + <a-col :md="24" :lg="7"> <CollapseContainer class="mt-3" title="椤圭洰杩涘害" :canExpan="false"> <template v-for="item in taskList" :key="item.title"> <TaskCard :info="item" /> </template> </CollapseContainer> - </ACol> - </Row> - <Row> + </a-col> + </a-row> + <a-row> <FlowAnalysis /> - </Row> + </a-row> </div> </template> <script lang="ts"> @@ -48,14 +48,11 @@ import AnalysisBar from './components/AnalysisBar.vue'; import TaskCard from './components/TaskCard.vue'; import FlowAnalysis from './components/FlowAnalysis'; - import { Row, Col } from 'ant-design-vue'; import { CollapseContainer } from '/@/components/Container/index'; import { growCardList, taskList } from './data'; export default defineComponent({ components: { - Row, - ACol: Col, GrowCard, CollapseContainer, TrendLine, -- Gitblit v1.8.0