vue-admin TransactionTable 全屏显示

最新推荐文章于 2024-10-25 17:02:52 发布

原创

最新推荐文章于 2024-10-25 17:02:52 发布 · 578 阅读

0 ·

CC 4.0 BY-SA版权

该博客主要介绍如何在vue-admin项目中实现TransactionTable组件的全屏显示，包括屏蔽其他组件，调整TransactionTable的边距和宽度，以及优化页面布局，以达到更好的展示效果。

屏蔽其他组件，只保留transaction table

<template>
  <div class="dashboard-editor-container">
   <!-- <github-corner class="github-corner" />

    <panel-group @handleSetLineChartData="handleSetLineChartData" />

    <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
      <line-chart :chart-data="lineChartData" />
    </el-row> -->

    <!-- <el-row :gutter="32">
      <el-col :xs="24" :sm="24" :lg="8">
        <div class="chart-wrapper">
          <raddar-chart />
        </div>
      </el-col>
      <el-col :xs="24" :sm="24" :lg="8">
        <div class="chart-wrapper">
          <pie-chart />
        </div>
      </el-col>
      <el-col :xs="24" :sm="24" :lg="8">
        <div class="chart-wrapper">
          <bar-chart />
        </div>
      </el-col>
    </el-row> -->

    <el-row :gutter="8">