Interactive document

[afc163]

@xingwanying PR 可以提前建出来，方便预知 ci 和冲突情况。

[github-actions[bot]]

🎊 PR Preview fd8963eddbf2b06d8ae583909bc08d85fcf4d13c has been successfully built and deployed to https://antvis-gatsby-theme-antv-preview-pr-231.surge.sh

:clock1: Build time: 397.253s

_{🤖 By surge-preview}

[gatsby-cloud[bot]]

Gatsby Cloud Build Report

gatsby-theme-antv

:tada: Your build was successful! See the Deploy preview here.

Build Details

View the build logs here.

:clock1: Build time: 10m

Performance

Lighthouse report

Metric	Score
Performance	:large_orange_diamond: 20
Accessibility	:large_orange_diamond: 75
Best Practices	:green_heart: 93
SEO	:large_orange_diamond: 75

:link: View full report

[afc163]

• https://gatsbythemeantv-interactivedocumentdev.gtsb.io/zh/examples/basic#ts-demo

这个感觉还是要默认展现出来，tooltip 靠右展示。

[afc163]

左右布局不应该写死，搜索框和收起应该靠右，建议用 flex 写。

[afc163]

https://gatsbythemeantv-interactivedocumentdev.gtsb.io/zh/examples/basic#basic

一进入的时候，左边的 skeleton 周围应该有 padding。

右边是不是也应该有 skeleton？

而且应该根据页面布局来画 skeleton。

[afc163]

这里的标题要在 demo 页面里面透出，不然不知道是属于哪个分类的。

[xingwanying]

• https://gatsbythemeantv-interactivedocumentdev.gtsb.io/zh/examples/basic#ts-demo

这个感觉还是要默认展现出来，tooltip 靠右展示。

文字特别多的也全部展示？还是设置最大值多的省略？

[afc163]

图标没对齐。

[afc163]

切换设备后，出现横向滚动条。

[afc163]

https://gatsbythemeantv-interactivedocumentdev.gtsb.io/zh/examples/basic#ts-demo

• [x] demo 区域有纵向滚动条出现。
• [x] 面包屑建议改成 12px。
• [x] 所有可点击的地方都要加上 hover 的 transition 样式变化。
• [x] 设备切换需要 tooltip 提示。
• [x] 这个好像还没改。https://github.com/antvis/gatsby-theme-antv/pull/231#issuecomment-715255709
• [x] 卡片切换区域有横向滚动条出现。

[afc163]

• [x] 响应区域和 tooltip 出现的区域不符合。

• [x] 平板和手机视图，拖拽下方代码区域时，demo 区域高度不会自适应。

• [x] 貌似还是差一两个像素，建议把图标大小调整为和字体大小一致。

• [x] Hover 这个按钮时没有 transition 渐变。

• [x] 搜索框出现提示时，页面出现横向滚动条，且搜索框超出右边屏幕。

[afc163]

没有 API 的 demo 长什么样？比如 G2/G6 这些 demo：https://g6.antv.vision/zh/examples/tree/compactBox#basicCompactBox

[xingwanying]

https://g6.antv.vision/zh/examples/tree/compactBox#basicCompactBox

没有的默认两栏