html - 用于自动完成的 UI 以及带有图标和文本的选项卡

Question

您好专家

我的问题是: 我们如何使用 Angular Material 实现如上图所示的 UI？

如果无法使用 Angular Material ，那么我可以使用哪个框架

1. FLight、Hotel、Bus、Holiday 的标签，这种标签使用透明背景的图标和文本。

2. 使用自动完成的搜索文本框。

我正在使用 angularJs 和 Angular Material 。

任何帮助都会是一个很好的支持..谢谢

Answer 1

您提到的所有基本组件都可以用 Angular Material 提供:

Auto-complete

Tabs

你也有很多icons但我建议你尽管使用 FontAwesome

但是对于你问的其他事情，你必须绝对学习css因为没有任何框架可以在视觉上适合您的设计选择。