ustt-disclosure::laptop:uStudio前端测试任务

时间:2024-06-11 15:38:42
【文件属性】:

文件名称:ustt-disclosure::laptop:uStudio前端测试任务

文件大小:93KB

文件格式:ZIP

更新时间:2024-06-11 15:38:42

JavaScript

uStudio前端测试任务 任务描述 您需要实现Disclosure组件。 它应该由两部分组成- Summary和Details 。 Summary应该是一个内部包含两个元素的按钮-一个“名称”和一个图标。 Details应显示通过Disclosure组件的children传递的主要内容。 当您单击Summary ,将发生以下情况: 如果“ Disclosure组件处于关闭状态,则“ Details应打开到最大高度,并显示其中的内容; 如果Disclosure组件处于打开状态,则Details应该关闭,高度为0并将内容隐藏在其中; 你可以阅读更多有关的外观Disclosure ,和行为。 最低要求 Disclosure组件在外观和行为上必须完全符合设计和原型; Disclosure组件必须适应屏幕/容器/内容调整大小。 奖金要求 使用TypeScript ; 使用样式组件;


【文件预览】:
ustt-disclosure-main
----public()
--------index.html(198B)
----yarn.lock(234KB)
----src()
--------disclosure()
--------index.jsx(154B)
--------app()
----README.md(4KB)
----.gitignore(34B)
----package.json(454B)

网友评论