草庐IT

Material-design

全部标签

html - Angular Material : full page tabs size

我试图占据整个页面的空间,但我似乎无法在angular-material0.10.0上获得选项卡的高度,除非我添加.ng-scope{height:100%;。有没有更好的方法实现全页标签?完整测试代码:(和here)Testvarapp_module=angular.module('app',['ngMaterial']);varapp=document.querySelector('[ng-app=app]');app_module.controller('appController',function($scope){});app_module.config(function($

html - Angular Material : full page tabs size

我试图占据整个页面的空间,但我似乎无法在angular-material0.10.0上获得选项卡的高度,除非我添加.ng-scope{height:100%;。有没有更好的方法实现全页标签?完整测试代码:(和here)Testvarapp_module=angular.module('app',['ngMaterial']);varapp=document.querySelector('[ng-app=app]');app_module.controller('appController',function($scope){});app_module.config(function($

html - Angular 2 Material 自定义 md-menu

我是Angular2Material的新手,我正在尝试自定义md-menu组件的样式。dehazeItem1Item2预定义样式设置工作正常(例如,将菜单设置为非重叠),但我想将md-menu设置为100%宽度,并在md-icon按钮之间留出一点空间,以扩展菜单,我不能用predefineddirectivesfromAngular2Material做.到目前为止,我找到了使用/deep/css命令的解决方案,但我了解到主流浏览器不再支持该命令。自定义Angular2Material组件的好方法是什么?我如何设置我的md-menu的样式,使其具有100%的宽度并且在扩展按钮之间有一些空

html - Angular 2 Material 自定义 md-menu

我是Angular2Material的新手,我正在尝试自定义md-menu组件的样式。dehazeItem1Item2预定义样式设置工作正常(例如,将菜单设置为非重叠),但我想将md-menu设置为100%宽度,并在md-icon按钮之间留出一点空间,以扩展菜单,我不能用predefineddirectivesfromAngular2Material做.到目前为止,我找到了使用/deep/css命令的解决方案,但我了解到主流浏览器不再支持该命令。自定义Angular2Material组件的好方法是什么?我如何设置我的md-menu的样式,使其具有100%的宽度并且在扩展按钮之间有一些空

html - 位置固定的 css 添加到 Angular Material 中的 body 标签中

我在position:fixed;方面遇到了一些问题。宽度:100%;top:0px;formd-selectmd-autocomplete如果我在一些固定的地方使用它们。对于几乎所有的md-select选项,我都面临这个AngularMaterial问题。它将CSS属性动态添加到正文部分。位置:固定;宽度:100%;top:0px;和scrollY.index.html{{item.name}}{{item.forks}}Location-->{{state.abbrev}}GOProfileMessagesSignOutPost 最佳答案

html - 位置固定的 css 添加到 Angular Material 中的 body 标签中

我在position:fixed;方面遇到了一些问题。宽度:100%;top:0px;formd-selectmd-autocomplete如果我在一些固定的地方使用它们。对于几乎所有的md-select选项,我都面临这个AngularMaterial问题。它将CSS属性动态添加到正文部分。位置:固定;宽度:100%;top:0px;和scrollY.index.html{{item.name}}{{item.forks}}Location-->{{state.abbrev}}GOProfileMessagesSignOutPost 最佳答案

javascript - Angular2 - md-slide-toggle 显示错误的值

我的问题是md-slide-toggle的值正确,但显示错误。例如:开始时值为1,切换处于事件状态。按下开关的时间:值为0但开关仍处于事件状态。按下开关的时间:值为1,但现在开关现在处于非事件状态。...在这里查看:https://plnkr.co/edit/kxehpwaat5dezNActZbn?p=preview//.html{{device}}//.tsdevice:number=1;onClick(){lettmp;if(this.device==1){tmp=0;}if(this.device==0){tmp=1;}this.device=tmp;}}

javascript - Angular2 - md-slide-toggle 显示错误的值

我的问题是md-slide-toggle的值正确,但显示错误。例如:开始时值为1,切换处于事件状态。按下开关的时间:值为0但开关仍处于事件状态。按下开关的时间:值为1,但现在开关现在处于非事件状态。...在这里查看:https://plnkr.co/edit/kxehpwaat5dezNActZbn?p=preview//.html{{device}}//.tsdevice:number=1;onClick(){lettmp;if(this.device==1){tmp=0;}if(this.device==0){tmp=1;}this.device=tmp;}}

css - dp - sp 和 PX 之间的关系

我不是问dp、sp和px之间有什么区别。我正在设计一个基于谷歌新Material设计的网站,所有测量值都以dp(用于网格)和sp(用于文本)为单位。我的问题是它们如何转化为像素。我设计网站已经4年多了,所有的尺寸(网格和字体)都以像素为单位。例如:标题是24sp,它相当于多少像素?(它不是24px,我试过匹配它们,它大约是28px,但必须有一个标准的测量系统)。网格准则:“所有组件都与8dp方形基线网格对齐。”-它相当于多少像素?1px=?dp=?sp在台式机或任何普通显示器或移动设备上? 最佳答案 我建议阅读谷歌对dp和sp的定义

css - dp - sp 和 PX 之间的关系

我不是问dp、sp和px之间有什么区别。我正在设计一个基于谷歌新Material设计的网站,所有测量值都以dp(用于网格)和sp(用于文本)为单位。我的问题是它们如何转化为像素。我设计网站已经4年多了,所有的尺寸(网格和字体)都以像素为单位。例如:标题是24sp,它相当于多少像素?(它不是24px,我试过匹配它们,它大约是28px,但必须有一个标准的测量系统)。网格准则:“所有组件都与8dp方形基线网格对齐。”-它相当于多少像素?1px=?dp=?sp在台式机或任何普通显示器或移动设备上? 最佳答案 我建议阅读谷歌对dp和sp的定义