【问题标题】:Change size of leftIcon in ListItem (material ui)更改 ListItem 中 leftIcon 的大小(材质 ui)
【发布时间】:2016-11-07 19:07:51
【问题描述】:

我正在做一个反应项目,我想增加材质ui的ListItem中leftIcon的高度和宽度。我正在将图像传递给 leftIcon,并且我想将此图像的高度设置为等于 listItem 的高度。我尝试将 className 赋予 img 标签,然后从 css 设置高度和宽度,但它不起作用。

这是我的列表项

<MuiThemeProvider>
                    <List style={{margin:0, height:58}}>
                        <ListItem leftIcon={ <img className="mediaThumbnail" src="./dev/js/images/paris.jpg"/>} style={{height:70,backgroundColor:"#FFFFFF"}} secondaryText={value.Episode_Name}>
                        </ListItem>
                    </List>
                </MuiThemeProvider>)

【问题讨论】:

    标签: javascript listview reactjs material-ui


    【解决方案1】:

    这是一个工作示例,其中我使用带有 &lt;img&gt; 的 ListItem 组件作为 leftIcon 属性。我还给 &lt;img&gt; 一个类和一个自定义样式。

    https://jsfiddle.net/tecnkym7/1/

    【讨论】:

      猜你喜欢
      • 2019-04-11
      • 2019-06-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-10-23
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多