自定义页面数据看板

能力免费版轻享版专业版专属版自定义页面不支持不支持支持支持未升级到新版信息架构的组织，请点此查看使用手册1. 操作步骤在应用管理界面，提供了两个创建自定义页面的入口1.1 通过【新建页面】下拉菜单创建左上角新建页面，在下拉菜单中选择【新建自定义页面(Beta)】，开始创建新建自定义页面1....

https://docs.aliwork.com/docs/yida_support/ui648w/ynk2lo

1. 使用场景

当我们需要在首页展示一些关键点数据的时候，可用到此例。

此案例目前通过宜搭的 iframe组件内嵌报表实现。

2. 实现功能

2.1 配置自定义页面显示效果

2.2 配置报表显示效果

主要是分栏布局内样式的调整，如下图所示。

:root {
  border: none !important;
  padding: 12px;
  display: block;
}

.react-grid-item-wrap{
  padding: 0;
  outline: 0;
}

.mobile .vc-rootcontent-topic.yida-rootcontent, .mobile .vc-rootcontent-topic.youshu-rootcontent, .vc-mobile-page .vc-rootcontent-topic.yida-rootcontent, .vc-mobile-page .vc-rootcontent-topic.youshu-rootcontent{
  padding: 0 !important;
}

.react-grid-item-wrap.mobile{
  padding: 0 !important;
  margin: 0 !important;
}