草庐IT

Material-design

全部标签

javascript - 如何在 AngularJS Material 设计中创建一个简单的搜索输入文本?

我正在寻找一些简单的方法来获得类似于angular-mdl中可用于可扩展搜索文本字段的内容,如下所示。这将在点击时添加一个搜索按钮,它将扩展到文本字段。searchExpandableInput我的要求是当用户点击它时,卡片标题中的搜索按钮会向右对齐,它应该会展开以接受输入。我需要在Angular-Material中完成。任何输入或帮助..!谢谢。 最佳答案 我也在寻找Angular中带有Material的可扩展搜索的一些示例,并在Codepen中找到了这段代码,但不确定它是否正是您要查找的内容,它会打开带有后退按钮的全长输入...

javascript - 如何在 AngularJS Material 设计中创建一个简单的搜索输入文本?

我正在寻找一些简单的方法来获得类似于angular-mdl中可用于可扩展搜索文本字段的内容,如下所示。这将在点击时添加一个搜索按钮,它将扩展到文本字段。searchExpandableInput我的要求是当用户点击它时,卡片标题中的搜索按钮会向右对齐,它应该会展开以接受输入。我需要在Angular-Material中完成。任何输入或帮助..!谢谢。 最佳答案 我也在寻找Angular中带有Material的可扩展搜索的一些示例,并在Codepen中找到了这段代码,但不确定它是否正是您要查找的内容,它会打开带有后退按钮的全长输入...

javascript - Angular Material md-input-container 占用空间大

我正在处理AngularMaterial样本。根据我的默认代码md-input-container占用很大的空间。我的输出如下。但我发现md-input-content的空间较少,如下所示。我不知道该怎么做。我的md-input-container示例代码如下。Name 最佳答案 你可以阅读this相关文档关于您的问题的简单代码片段:NameSurname 关于javascript-AngularMaterialmd-input-container占用空间大,我们在StackOverfl

javascript - Angular Material md-input-container 占用空间大

我正在处理AngularMaterial样本。根据我的默认代码md-input-container占用很大的空间。我的输出如下。但我发现md-input-content的空间较少,如下所示。我不知道该怎么做。我的md-input-container示例代码如下。Name 最佳答案 你可以阅读this相关文档关于您的问题的简单代码片段:NameSurname 关于javascript-AngularMaterialmd-input-container占用空间大,我们在StackOverfl

Ant Design Vue 修改表格头部样式

在网上搜了好多修改表格头部样式的,最后自己摸索出来,分享给大家,最后附上完整代码。首先用到的是customHeaderRow这个API,类型是一个函数1.HTML部分a-table>2.js部分customRow(column){console.log(conlumn);//在这里可以在控制台看到有一个className,如下图column.forEach((e,index)=>{column[index].className='tableClass'//给数组中的每一列加上一个类名})},此图是console.log(conlumn);打印出来的可以看到每一列都有一个className3.c

html - Angular Material 工具栏高度问题

我使用AngularMaterialv.1.1.0-RC.5。我创建了简单的工具栏当浏览器宽度小于960p时,工具栏将其高度更改为48p。这看起来合乎逻辑,尽管我希望我的工具栏始终保持相同的高度。但真正让我感到困惑的是-当浏览器宽度小于500p-工具栏变得比之前更大(56p)!!我注意到一件事:浏览器高度应大于274p才能重现此行为。Isitanissue?Andisitpossibletodisabletoolbarresing?Liveexample(确保内容区域高度大于274p) 最佳答案 可以在css中指定高度来解决这个问题

html - Angular Material 工具栏高度问题

我使用AngularMaterialv.1.1.0-RC.5。我创建了简单的工具栏当浏览器宽度小于960p时,工具栏将其高度更改为48p。这看起来合乎逻辑,尽管我希望我的工具栏始终保持相同的高度。但真正让我感到困惑的是-当浏览器宽度小于500p-工具栏变得比之前更大(56p)!!我注意到一件事:浏览器高度应大于274p才能重现此行为。Isitanissue?Andisitpossibletodisabletoolbarresing?Liveexample(确保内容区域高度大于274p) 最佳答案 可以在css中指定高度来解决这个问题

html - 右文本对齐 mat-expansion-panel Material 组件

我想将mat-expansion-panel组件的描述文字右对齐我试过使用对齐文本向右对齐但没有任何改变这是我的HTMLCycleingénieureninformatique2014-2017....CSS:mat-panel-description{text-align:right;}这是实际行为我希望2014-2017保持在右边。 最佳答案 面板标题内容包含在一个span中,它是一个flexbox,因此您可以使用它来将内容推出到两侧。查看:Cycleingénieureninformatique2014-2017css(这必须

html - 右文本对齐 mat-expansion-panel Material 组件

我想将mat-expansion-panel组件的描述文字右对齐我试过使用对齐文本向右对齐但没有任何改变这是我的HTMLCycleingénieureninformatique2014-2017....CSS:mat-panel-description{text-align:right;}这是实际行为我希望2014-2017保持在右边。 最佳答案 面板标题内容包含在一个span中,它是一个flexbox,因此您可以使用它来将内容推出到两侧。查看:Cycleingénieureninformatique2014-2017css(这必须

javascript - 垂直和水平对齐 Angular Material

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