AngularDart Material Design 卡片

原创
2018/09/09 17:12
阅读数 235

自述

Material Card

材料卡是由Google材料团队(也称为mdc-web)提供的卡片样式。 这是一个允许在AngularDart应用程序中使用样式的包装器。 有关如何使用这些样式的文档,请参阅mdc文档。 可以在这里找到示例

建立

样式由包提供:angular_components/css/mdc_web/card/mdc-card.scss.css。要在Angular组件中使用这些样式,只需将其添加为Component注解中的styleUrls值即可。我们建议在任何特定于组件的样式之前添加样式,以便您可以根据需要轻松覆盖样式值。

@Component(
    selector: 'my-component',
    templateUrl: 'my_component.html',
    styleUrls: [
      'package:angular_components/css/mdc_web/card/mdc-card.scss.css',
      'my_component.scss.css'])
class MyComponent {}

MaterialCardExample

查看示例,查看源码

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部