how to realize that the icon in the lower right corner is always suspended on the right from the bottom 122rpx. Using the flex layout, it doesn"t work if I write it this way.
my code is as follows:
<view class="flex_column"> //view
<view class="rightFlot">
<view class="barrage background-feef88">
<image src="../../static/img/barrage.png"></image>
</view>
</view>
</view>
.flex_column{
flex-direction: column;
.rightFlot{
justify-content: flex-end;
.barrage{
width: 106upx;
height: 106upx;
justify-content: center;
border-radius: 50%;
line-height: 106upx;
display: fixed;
bottom: 122upx;
right:0;
z-index: 999;
image{
width: 70upx;
height: 40upx;
margin-top:33rpx;
}
}
}
}