html - 按下按钮时动态增长一个div容器?
问题描述
我正在使用 Angular 6 和 Materialize 框架进行练习/培训的网站前端工作。我对这种类型的开发非常陌生。我喜欢在 Materialise 中使用卡片,并希望在卡片显示后在卡片上有一个按钮,可以将卡片放大到屏幕大小,以便更轻松地阅读所有信息。非常感谢您的帮助,谢谢!
解决方案
有几种方法可以实现这一点,一种方法是根据变量(在单击按钮时更改)对卡片应用不同的类,您可以使用 [class.big]="cardSize==='big'" 或[class.small]="cardSize==='small'"
请查看此工作示例,以便您更好地理解。
推荐阅读
- tkinter - 我正在研究嗜睡检测项目,并在 tkinter 回调时遇到异常并且无法打开形状预测器文件
- python - 使用 Pandas 和 Numpy 优化 Vanilla Python
- python - 为什么 mypy 不能区分通用 python 类中的 Qt 小部件类型?
- blazor - 从 ASP.NET Web App 到 Blazor 需要替换 Microsoft.AspNet.FriendlyURL
- react-native - 尝试在 vanilla React Native 项目中解决 @expo/vector-icons/FontAwesome 时出错
- javascript - 通过 html 读取和写入 json 而不使用 php
- scikit-learn - 如何在谷歌 colab 中安装 pyearth?
- ssms - SSMS 扩展在某些机器上启动缓慢
- amazon-web-services - 在 AWS Cloud9 中,是否可以通过实例元数据或 cli 知道使用会话的人的用户名?
- javascript - compress.js 直接在 uwsgi 下而不是 nginx 下制作 CACHE