草庐IT

Material-Design-guidelines

全部标签

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上找

vue3中使用ant-design-vue的layout组件实现动态导航栏功能(1~2级)

目录0前言1准备工作1.1安装ant-design-vue1.2安装图标组件包2选择组件3路由文件4Vue导航页面5最终效果0前言        最近在自己搞一个前后端小项目,前端想使用ant-design-vue的layout组件实现动态导航栏和面包屑,但是网上的资料较少,所以我就自己整合实现了一下,在此记录分享。1准备工作        基于一个新建的Vue3项目上实现。1.1安装ant-design-vue    官方文档:ComponentsOverview-AntDesignVue(antdv.com)        安装:npmi--saveant-design-vue      

html - Angular Material 2 : How to style an md-grid-tile?

除了默认的中心对齐方式之外,如何以不同方式对齐md-grid-tile内的元素? 最佳答案 您可以使用::ng-deep覆盖md-grid-tile的默认css。CSS:::ng-deepmd-grid-tile.mat-grid-tile.mat-figure{align-items:initial;/*verticalalignment*/justify-content:initial;/*horizontalalignment*/}Plunkerdemo 关于html-Angula