草庐IT

Material-design

全部标签

javascript - 垂直和水平对齐 Angular Material

我正在关注https://material.angularjs.org/latest/layout/alignment上的文档.我正在尝试垂直和水平对齐我的div,它适用于水平对齐但不适用于垂直对齐。div的来源如下:Testh2Loginor,registertestbrYouremailaddressYourpasswordLogin这里有什么问题?感谢您的帮助 最佳答案 这只会将中心对齐到直接子元素。因此,将要水平和垂直居中对齐的所有元素都包装起来ABCXYZ 关于javascri

html - 如何在 angular2/material 上将 mat-cell 内容与图标对齐?

开始我的代码:{{'companies.edit-column'|translate}}edit要求是将编辑图标的位置调整到右侧(相对于MaterialDesign的右填充)?现在它似乎被强制左停靠。将style="{text-align:right}"应用于md-cell不起作用。库版本:"@angular/material":"2.0.0-beta.10""@angular/cdk":"^2.0.0-beta.10","@angular/common":"^4.1.3" 最佳答案 使用其中之一:mat-cell{display:

html - 如何在 angular2/material 上将 mat-cell 内容与图标对齐?

开始我的代码:{{'companies.edit-column'|translate}}edit要求是将编辑图标的位置调整到右侧(相对于MaterialDesign的右填充)?现在它似乎被强制左停靠。将style="{text-align:right}"应用于md-cell不起作用。库版本:"@angular/material":"2.0.0-beta.10""@angular/cdk":"^2.0.0-beta.10","@angular/common":"^4.1.3" 最佳答案 使用其中之一:mat-cell{display:

javascript - 使用 Angular Material 展开折叠列表项

谁能就添加显示的展开/折叠View提出任何建议here.我只想将AngularMaterial与AngularJS一起使用,而不依赖于Bootstrap等,但是我在AngularMaterial文档中找不到任何合适的内容。谢谢 最佳答案 一种方法是使用2个连续的md-list-item。这是HTML代码。exploreItemList1expand_moreexpand_less{{item}}exploreItemList2expand_moreexpand_less{{item}}JS代码:angular.module('myA

javascript - 使用 Angular Material 展开折叠列表项

谁能就添加显示的展开/折叠View提出任何建议here.我只想将AngularMaterial与AngularJS一起使用,而不依赖于Bootstrap等,但是我在AngularMaterial文档中找不到任何合适的内容。谢谢 最佳答案 一种方法是使用2个连续的md-list-item。这是HTML代码。exploreItemList1expand_moreexpand_less{{item}}exploreItemList2expand_moreexpand_less{{item}}JS代码:angular.module('myA

按需引入ant-design-vue组件

一、首先创建一个新的Vue项目vuecreatexxx选择default含有babel和eslint。或者自定义Manuallyselectfeatures。babel是一个转码器,主要用于ES2015+代码转换为JavaScript向后兼容版本的代码eslint是一个代码检测工具。用来规范编码规范用。自定义可选的插件有,Babel,TypeScript,ProgressiveWebApp(PWA)Support,Vuex,CSSPre-precessors,Linter/Formatter,UnitTesting单元测试,E2ETesting端到端测试大家按需选择即可。二、安装ant-des

html - 更改 mdl-textfield 的颜色

是否有内置方法来更改MaterialDesignLite的颜色textfield?特别是,使用文本字段之前的默认文本和下划线。在下面的示例中,“文本...”和下划线默认为灰色。我需要它们是白色的,因为我使用的是深色背景。Text...我不想在选择文本字段后更改文本或下划线的颜色,只想在未使用文本字段时更改文本和下划线。 最佳答案 只需覆盖默认样式表:.mdl-textfield__input{border-bottom:1pxsolid#fff;}.mdl-textfield__label{color:#fff;}

html - 更改 mdl-textfield 的颜色

是否有内置方法来更改MaterialDesignLite的颜色textfield?特别是,使用文本字段之前的默认文本和下划线。在下面的示例中,“文本...”和下划线默认为灰色。我需要它们是白色的,因为我使用的是深色背景。Text...我不想在选择文本字段后更改文本或下划线的颜色,只想在未使用文本字段时更改文本和下划线。 最佳答案 只需覆盖默认样式表:.mdl-textfield__input{border-bottom:1pxsolid#fff;}.mdl-textfield__label{color:#fff;}

html - 仅使用 html/css 更改悬停时的 Google Material Icon

我想在按钮悬停时更改GoogleMaterialIcon(实际图标本身)。我想只使用HTML和CSS来做到这一点。我希望它从“加号”图标变为“检查”图标之类的东西,特别是使用“完成”图标。下面的代码笔。谢谢.material-icons.md1{font-family:'MaterialIcons';font-weight:normal;font-style:normal;font-size:33px;margin-top:12px;}.btnwrap{position:fixed;z-index:2;height:60px;width:300px;background-color:#

html - 仅使用 html/css 更改悬停时的 Google Material Icon

我想在按钮悬停时更改GoogleMaterialIcon(实际图标本身)。我想只使用HTML和CSS来做到这一点。我希望它从“加号”图标变为“检查”图标之类的东西,特别是使用“完成”图标。下面的代码笔。谢谢.material-icons.md1{font-family:'MaterialIcons';font-weight:normal;font-style:normal;font-size:33px;margin-top:12px;}.btnwrap{position:fixed;z-index:2;height:60px;width:300px;background-color:#