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遮住,导致无法点击按钮


0
0

爱吃火锅的_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%;


0
0

君瑾

2018-01-18

<Card 

key={v._id}

onClick={()=>this.handleClick(v)}

style={{zIndex:1}}

>


0
0

Redux+React Router+Node.js全栈开发

全网唯一的React 16+Redux+React Router4实战课程,学到手是你的真本领!

1822 学习 · 750 问题

查看课程