UserCard文件中card加handleClick事件后 点击页面没反应
来源:10-1 socket.io简介

慕粉0019008925
2018-01-17
<WingBlank>
{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=>(
<div key={d}>{d}</div>
))}
{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遮住,导致无法点击按钮
00 -
爱吃火锅的_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%;
}00 -
君瑾
2018-01-18
<Card
key={v._id}
onClick={()=>this.handleClick(v)}
style={{zIndex:1}}
>
00
Redux+React Router+Node.js全栈开发
1822 学习 · 750 问题
相似问题