草庐IT

Material-Animations

全部标签

html - 侧面导航中的 Angular Material 滑动过渡?

当我点击设置时,它会导航到内部导航菜单,然后返回主菜单选项。为此,我正在尝试使用AngularMaterial在侧边导航中实现幻灯片过渡,但它没有在侧边导航中显示幻灯片过渡效果。AngularmaterialslidenavPlnkr::http://plnkr.co/edit/tAocrJglxnLs3mMPqAnb幻灯片转换:当我们点击设置时,它会导航到内部菜单,然后单击后退导航到主菜单。为此需要幻灯片过渡效果。例如:http://plnkr.co/edit/o37kGQByrXX9jdIxuIXZ任何人建议幻灯片过渡效果。 最佳答案

html - 侧面导航中的 Angular Material 滑动过渡?

当我点击设置时,它会导航到内部导航菜单,然后返回主菜单选项。为此,我正在尝试使用AngularMaterial在侧边导航中实现幻灯片过渡,但它没有在侧边导航中显示幻灯片过渡效果。AngularmaterialslidenavPlnkr::http://plnkr.co/edit/tAocrJglxnLs3mMPqAnb幻灯片转换:当我们点击设置时,它会导航到内部菜单,然后单击后退导航到主菜单。为此需要幻灯片过渡效果。例如:http://plnkr.co/edit/o37kGQByrXX9jdIxuIXZ任何人建议幻灯片过渡效果。 最佳答案

html - Angular Material 透明工具栏

我在Rails应用程序上使用AngularMaterial,希望工具栏位于图像之上并使该工具栏清晰,以便您可以看到它后面的图像。这是到目前为止的代码:TurboMortgagesAboutJoinLogin我现在在页面上看到的只是图像...这是css:#toolbar{position:relative;z-index:1000;}如果不使用z-index,如何让工具栏位于图像之上?感谢您的帮助! 最佳答案 我最终将图像设为工具栏的背景...您也可以设置position:absolutebackground-color:transp

html - Angular Material 透明工具栏

我在Rails应用程序上使用AngularMaterial,希望工具栏位于图像之上并使该工具栏清晰,以便您可以看到它后面的图像。这是到目前为止的代码:TurboMortgagesAboutJoinLogin我现在在页面上看到的只是图像...这是css:#toolbar{position:relative;z-index:1000;}如果不使用z-index,如何让工具栏位于图像之上?感谢您的帮助! 最佳答案 我最终将图像设为工具栏的背景...您也可以设置position:absolutebackground-color:transp

html - 有没有办法缩小 Material Design (AngularJS) <md-input> 元素?

我正在使用标签,但它的高度太高了。有没有办法让它变小?现在我所拥有的是:X所以第一行就是那个尺寸,因为.它是34pxx121px所以我想降低它的高度。我尝试使用最大高度,但我得到的只是一个滚动条:是否可以改变它的高度或者它是继承给元素的?缩小规模是可以接受的,但我还没有找到办法。 最佳答案 使用行高属性。根据需要更改行高。abc 关于html-有没有办法缩小MaterialDesign(AngularJS)元素?,我们在StackOverflow上找到一个类似的问题:

html - 有没有办法缩小 Material Design (AngularJS) <md-input> 元素?

我正在使用标签,但它的高度太高了。有没有办法让它变小?现在我所拥有的是:X所以第一行就是那个尺寸,因为.它是34pxx121px所以我想降低它的高度。我尝试使用最大高度,但我得到的只是一个滚动条:是否可以改变它的高度或者它是继承给元素的?缩小规模是可以接受的,但我还没有找到办法。 最佳答案 使用行高属性。根据需要更改行高。abc 关于html-有没有办法缩小MaterialDesign(AngularJS)元素?,我们在StackOverflow上找到一个类似的问题:

javascript - Angular Material Design 具有强制选择功能的自动完成文本框

现在我正在使用AngularMaterialDesign。一切都按预期进行。现在我想使用自动完成(AngularMaterialDesign)强制选择,以便用户必须始终选择一些东西。不能有进入的可能,用户只能选择。有人知道怎么做吗?AngularMaterial设计链接:https://material.angularjs.org/latest/#/demo/material.components.autocompleteautoCompleteController.jspocApp.controller('autoCompleteCtrl',function($scope,$log,

javascript - Angular Material Design 具有强制选择功能的自动完成文本框

现在我正在使用AngularMaterialDesign。一切都按预期进行。现在我想使用自动完成(AngularMaterialDesign)强制选择,以便用户必须始终选择一些东西。不能有进入的可能,用户只能选择。有人知道怎么做吗?AngularMaterial设计链接:https://material.angularjs.org/latest/#/demo/material.components.autocompleteautoCompleteController.jspocApp.controller('autoCompleteCtrl',function($scope,$log,

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

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

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

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