怎么实现 TI 官网这种点击后,右侧出现相应的内容的效果。

2020-12-10 17:48:33 +08:00
 kevinfk2
https://www.ti.com/solution/dish-washer

例如该网址中,点击“Reference designs & products”中左侧的框图,在右侧出现了更多详细的内容。

这种有什么工具可以实现吗?

有没有大佬解答下
764 次点击
所在节点    问与答
2 条回复
Vegetable
2020-12-10 18:14:42 +08:00
看了一下这应该是他们自己做的组件,点击左边组件获取数据在右边渲染详细信息。
这页面保留了 sourcemap,感兴趣可以看看
/**
* End Equipment Reference Designs (EERD) API
* Team: Product and Systems Path Virtual Team
* Date: 06/2019
* Version: 1.2
* Latest:
* Products and reference designs items are now side-by-side instead of tabbed view
* EERD width now spans 1920px max
*/

至于左边的图,更有意思了。

<!-- Generated by Microsoft Visio, SVG Export Dish Washers_EEID1272_07092018.svg Page-1 -->

这个 svg 是 visio 导出的,也不知道里边的详情链接是怎么绑定进去的。
kevinfk2
2020-12-11 09:07:58 +08:00
@Vegetable 虽然没怎么听懂,但是很感谢大佬的解答。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/734223

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX