AngularDart Material Design 图标「建议收藏」

AngularDart Material Design 图标「建议收藏」AngularDart Material Design 图标

大家好,又见面了,我是你们的朋友全栈君。

MaterialIconComponent

Selector: <material-icon>

材料样式图标。

此样式表应包含在页面顶部:

<link
    rel="stylesheet"
    type="text/css"
    href="https://fonts.proxy.ustclug.org/icon?family=Material+Icons">

确保考虑RTL。 具体来说,如果要为RTL UI翻转图标,请使用flip属性。 阅读这些指南,了解何时翻转何时不翻转图标。

Attributes:

  • size:String – 图标的大小。 选项包括:x-small, small, medium, large, 和 x-large,分别对应于12px,13px,16px,18px和20px。 如果未指定大小,则使用默认值24px。
  • flip – 是否应翻转RTL语言的图标。
  • light – 是否应减少图标的不透明度。
  • baseline是否需要将图标与基线对齐。

Inputs:

  • ariaLabel String Aria标签添加到图标。
  • icon dynamic 此组件应显示的Icon模型(lib / model / ui / icon.dart)或图标标识符(String)。

有关可用图标,请参阅https://www.google.com/design/icons/。 如果图标名称包含空格,请用下划线替换它们。

MaterialIconDemoComponent

查看示例,查看源码

转载于:https://my.oschina.net/u/3647851/blog/2049538

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/107317.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • webrtc开发入门_统计的简单应用

    webrtc开发入门_统计的简单应用WebRTC介绍及简单应用WebRTC,即WebRealTimeCommunication,web实时通信技术。简单地说就是在web浏览器里面引入实时通信,包括音视频通话等。WebRT

    2022年8月1日
    6
  • BZOJ1579 USACO 2009 Feb Gold 3.Revamping Trails Solution

    BZOJ1579 USACO 2009 Feb Gold 3.Revamping Trails Solution

    2022年1月11日
    62
  • JS数组合并(5种)

    JS数组合并(5种)前言项目过程中,经常会遇到JS数组合并的情况,时常为这个纠结。这里整理一下。简单而实用的for最容易想到的莫过于for了。会变更原数组,当然也可以写成生成新数组的形式。letarr=[1,2]letarr2=[3,4]for(letiinarr2){arr.push(arr2[i])}console.log(arr)//[1,2,3,4]arr.concat(arr2)会生成新的数组。letarr=[1,2]let

    2022年6月30日
    28
  • 四大审计费收费标准_四大 税务咨询收费

    四大审计费收费标准_四大 税务咨询收费“7年的心血和积累,说关就要关,说停就要停。没有人会甘心,但也早料到这一刻会突然到来。现在所能做的,唯有面对现实,准备好勇气,即使全部推倒从头再来,我们也绝不放弃。”1月22日,国内著名资源分享网站VeryCD的创始人黄一孟的这样一条微博牵动了不少用户的神经。用户们发现,VeryCD网站上的音乐频道已经悄然关闭,电影和电视剧频道也不再提供下载链接。坊间则风传VeryCD未取得广电总局的视听服务许

    2022年8月10日
    17
  • 安卓中listview的使用步骤_安卓listview控件的用法

    安卓中listview的使用步骤_安卓listview控件的用法1)排序ListView通过适配器得到内容数据,可以对数据list先排序再提供给ListView:privateList>getData(){List>list=newArrayList>();//addData…//对list进行排序if(!list.isEmpty()){Collections.sort(list,newComparator&g…

    2022年9月28日
    4
  • Win7、Win10中Protel99se不能加载库文件解决方法「建议收藏」

    Win7、Win10中Protel99se不能加载库文件解决方法「建议收藏」Win7以后系统中Protel99se不能加载库文件解决方法在win7下安装Protel99se会出现无法添加原理图库,元件库的情况。如图,提示“filenotrecognized”。方法二:利用原理图FindComponent功能:首先,添加原理图库,在**.sch文件中点击“Find”(下图左)在“Path”中找到存放设计的文件夹,点击“Findnow”(下图右)再点击“close”即可;2)PCB库的添加如果在C:\Windows下找不到Advpcb

    2022年5月29日
    95

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号