急,现在有个需求有个头部固定下面有个滚动的canvas,往上滑动,
急,现在有个需求,有个头部固定,下面有个滚动的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 ; /* border-radius: 50%; */ } .banner_con_logo image { width : 100% ; height : 100% ; border-radius: 50% ; position : relative ; z-index : 9 ; } |