@import '~@angular/material/prebuilt-themes/pink-bluegrey.css'; @import '~@angular/material/prebuilt-themes/purple-green.css'; 4.如果觉得这些主题不适合,可以自定义主题,在styles.scss同级目录下新建一个theme.scss,并写上自定义主题的内容(https://material.angular.io/guide/theming) @import '~@angu...
<mat-icon>home</mat-icon><mat-iconfontIcon="home"/> Angular Material 推荐我们使用第二种,但是 Google Fonts Icon 给的例子却是第一种,我也不懂要听谁的😕。 CSS Styles mat-icon{color:red;font-size:56px;width:56px;height:56px; } 修改size 比较麻烦,需要改 3 个属性 font-size, width, he...
刚刚的例子我们已经在SideNav导览列中加入了选单,但是在导览列的选单连结中有底线有违我们一般的习惯,我们可以用CSS把它调整调,但Angular Material提供了更优质的做法,也就是另一个元件mat-nav-list,这个元件可以使用在导览用的list中,我们只要把原来的mat-list换掉即可 <mat-nav-list> 问卷调查 部落格 收件夹<...
-- button会自动被推到最后面 --><mat-icon>chat</mat-icon></mat-list-item><mat-list-item><!-- 即使icon button放在前面,还是会被往后推 --><mat-icon>chat</mat-icon><pmatLine>依晨<pmatLine>找时间吃个饭吧?</mat-list-item> 结果如下: [图片上传中...(image-251d7a-1526906540247-1)] ...
IconIcon Namemat-icon code 3d_rotation 3d rotation icon <mat-icon> 3d_rotation </mat-icon> accessibility accessibility icon <mat-icon>accessibility</mat-icon> accessibility_new accessibility new icon <mat-icon>accessibility_new</mat-icon> accessible accessible icon <mat-icon>accessible</mat-icon...
List建议的迁移步骤如下: 将第一个matLine更改为matListItemTitle 将所有其他matLine更改为matListItemLine 将所有matListIcon更改为matListItemIcon 将所有matListAvatar更改为matListItemAvatar 将所有无范围内容(matLine之外的内容)包装在matListItemMeta容器中。
AngularJS 前端开发 Angular material mat-icon 资源参考_Warning <!-- img.wp-smiley,img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !i angular-material 知识 [Angular 2] Building a Toggle Button Component Thi...
material icon 图标 https://material.io/resources/icons/?icon=sd_storage&style=baseline image.png Buttons Button 快速上手代码和效果图 Buttons allow users to take actions, and make choices, with a single tap. // mat-buttonmat-button// mat-raised-buttonmat-raised-button// button 上加 icon ,...
Angular Material 主题系统(二)-- 自定义主题 实际的开发场景中,应用程序的文字排版不是一成不变的,也常常需要自定义颜色来适配具体项目需求,这就需要去自定义 Material 的主题。 Angular Material 库的样式是采用 Sass 开发的,几乎全部写在了 mixin 中,定制起来非常容易,让整个主题系统相当的灵活可配置。它也提供...
courseListIcon?: string; longDescription?: string; category:string; seqNo: number; lessonsCount?:number; promo?:boolean; } 在ngInit 方法中可以看到 course 对象是通过 router 初始化的。在使用时,它会通过 router Data Resolver 向后台调取数据,这部分的实现在 service 的courses.resolver.ts下: ...