前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >AngularDart Material Design 卡片 顶

AngularDart Material Design 卡片 顶

作者头像
南郭先生
发布2018-09-30 10:58:35
6990
发布2018-09-30 10:58:35
举报
文章被收录于专栏:Google Dart

自述

Material Card

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

建立

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

代码语言:javascript
复制
@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

查看示例,查看源码

(adsbygoogle = window.adsbygoogle || []).push({}); function googleAdJSAtOnload() { var element = document.createElement("script"); element.src = "//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"; element.async = true; document.body.appendChild(element); } if (window.addEventListener) { window.addEventListener("load", googleAdJSAtOnload, false); } else if (window.attachEvent) { window.attachEvent("onload", googleAdJSAtOnload); } else { window.onload = googleAdJSAtOnload; }

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Material Card
  • 建立
  • MaterialCardExample
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档