急,现在有个需求,有个头部固定,下面有个滚动的canvas,往上滑动,
canvas还是挡住了头部,并且头部是用cover-view写的?有人能解决吗?
< cover-view class = 'yx_fix' >
< cover-view class = 'banner_img' >
< cover-view class = 'banner_con' >
< cover-view class = 'banner_con_logo' >
< cover-image src = '{{playinfo.pic}}' ></ cover-image >
</ cover-view >
< cover-view class = 'banner_name' >{{playinfo.name}}</ cover-view >
</ cover-view >
</ cover-view >
|
.yx_fix {
position : fixed ;
top : 0 ;
left : 0 ;
background : rgba( 0 , 0 , 0 , 0.3 );
z-index : 998 ;
width : 100% ;
}
|
.banner_img {
width : 100% ;
height : 294 rpx;
background : #131313 ;
display : flex;
align-items: center ;
justify- content : center ;
}
.banner_con {
width : 400 rpx;
display : flex;
align-items: center ;
flex- direction : column;
}
.banner_con_logo {
width : 160 rpx;
height : 160 rpx;
border : 1px solid #ec4b3e ;
}
.banner_con_logo image {
width : 100% ;
height : 100% ;
border-radius: 50% ;
position : relative ;
z-index : 9 ;
}
|