UserCard文件中card加handleClick事件后点击页面没反应

来源：10-1 socket.io简介

慕粉0019008925

2018-01-17

{this.props.userlist.map(v=>(

v.avatar?(<Card key={v._id} onClick={()=>this.handleClick(v)}>

<Card.Header

title={v.user}

thumb={require(`../img/${v.avatar}.png`)}

extra={<span>{v.title}</span>}

></Card.Header>

<Card.Body>

{v.type=='boss'?<div>公司:{v.company}</div>:null}

{v.desc.split('\n').map(d=>(

))}

{v.type=='boss'?<div>薪资:{v.money}</div>:null}

</Card.Body>

</Card>):null

))}

</WingBlank>

写回答

3回答

封笺

2019-05-06

.am-tab-bar {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: auto;
}

我发现的原因是因为老师自己给的这个css，如果有的话界面可以正常撑开，但是整个界面会被

am-tab-bar-item遮住，导致无法点击按钮

爱吃火锅的_04372233

2018-01-23

老师的index.css补齐：

.error-msg{
color:#f50;
padding-left:10px;
padding-top:10px;
}

.am-tab-bar{
position: fixed;
bottom: 0;
width: 100%;
height:auto;
}
.fixd-header.am

-navbar{
position: fixed;
top: 0;
width: 100%;
}
.page-content{
padding:45px 5px;
}

#chat-page .chat-me .am-list-extra{
flex-basis:auto;
}
#chat-page .chat-me .am-list-content{
padding-right: 15px;
text-align: right;
}
#chat-page .am-grid-icon{
display: none;
}
#chat-page .am-grid-text{
margin-top: 0;
}
.stick-footer{
z-index:10;
position: absolute;
bottom: 0;
width:100%;
}