カスタムページデータ看板

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;
}