小编sid*_*ant的帖子

使用Angular Material制作图标标签?

我刚刚开始使用Angular Material.我想知道是否有办法在标签上显示图标而不是常规文本标签.我的问题是,我正在使用它来构建移动应用程序,并且标签文本太大而无法容纳.

angularjs angular-material

6
推荐指数
1
解决办法
6056
查看次数

仅使用CSS隐藏滚动条的各个部分

我试图隐藏滚动条的特定部分.我的确切要求是隐藏scrollbar-track-piece,但实际srcollbar-thumb可见.(https://css-tricks.com/almanac/properties/s/scrollbar/)

虽然我很确定这是不可能的,但我只是在这里发布这个问题,万一我错了.

我试过pointer-events: none,设置display: none和修改z-index,但似乎都没有工作.如果可能的话,我不想使用JavaScript.

只在Chrome中使用它对我来说已经足够了.(在Electron中尝试这个)

提前致谢!

使用案例:我正在尝试创建一个半原生的半自定义滚动条,其中您可以单击并拖动scrollbar-thumb它以使其表现得像滚动条一样,但是单击该滚动条scrollbar-track-piece是不可能的.我做了一件小事: 在此输入图像描述

html css

6
推荐指数
1
解决办法
146
查看次数

如何在Material-UI(React)中设置卡片高度的动画

我是React和Material UI的新手,所以请耐心等待:P

我想要做的是,有一张卡片随着内容的变化动态改变高度.根据文档,这应该自动发生,它确实发生,但我希望高度动画为新值.

所以这是相关的代码:

var SomeAwesomeComponent = React.createClass({

getInitialState: function(){
  return {
      text: 'Test'
  }
},

componentDidMount: function(){
  var self = this;
setInterval(function(){
    self.setState({
        text: 'Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello '
    })
  },2000)
},

render: function() {
    var cardStyle = {
        transition: '1s'
    }
    return (
        <div>
            <Card>
                <CardText transitionEnabled={true} style={{cardStyle}}>
                    {this.state.text}
                </CardText>
            </Card>
        </div>
    );
}
Run Code Online (Sandbox Code Playgroud)

});

我能看到的是,高度会发生变化,但会跳到新值.我希望它"过渡"到新的价值.文档说这可以使用'transitionEnabled'完成,但我似乎无法让它工作.有人可以帮忙吗?

谢谢

reactjs material-design

5
推荐指数
1
解决办法
6708
查看次数