草庐IT

material-design-everywhere

全部标签

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 - 仅使用 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:#

javascript - 更改 Angular Material 输入样式

我正在尝试更改AngularMaterial输入的样式。到目前为止,我设法改变了background-color使用:md-input-container{padding-bottom:5px;background-color:#222;}占位符和标签颜色使用:md-input-container.md-default-themelabel,md-input-container.md-default-theme.md-placeholder{color:#FDFE67!important;}但是当我们聚焦输入时,我无法更改文本下方的线条颜色,而当我们输入输入时,我无法更改文本颜色。这是

javascript - 更改 Angular Material 输入样式

我正在尝试更改AngularMaterial输入的样式。到目前为止,我设法改变了background-color使用:md-input-container{padding-bottom:5px;background-color:#222;}占位符和标签颜色使用:md-input-container.md-default-themelabel,md-input-container.md-default-theme.md-placeholder{color:#FDFE67!important;}但是当我们聚焦输入时,我无法更改文本下方的线条颜色,而当我们输入输入时,我无法更改文本颜色。这是

html - Angular Material 中的条件弯曲

给定Bootstrap布局定义ng-class="{'col-sm-6':vm.data.mode==='ADD','col-sm-3':vm.data.mode==='EDIT'}"AngularMaterial当量是多少?(如果vm.data.mode==='ADD'设置flex="50",如果vm.data.mode==='EDIT'设置flex="25") 最佳答案 您可以在下面尝试。 关于html-AngularMaterial中的条件弯曲,我们在StackOverflow上找

html - Angular Material 中的条件弯曲

给定Bootstrap布局定义ng-class="{'col-sm-6':vm.data.mode==='ADD','col-sm-3':vm.data.mode==='EDIT'}"AngularMaterial当量是多少?(如果vm.data.mode==='ADD'设置flex="50",如果vm.data.mode==='EDIT'设置flex="25") 最佳答案 您可以在下面尝试。 关于html-AngularMaterial中的条件弯曲,我们在StackOverflow上找